/* ============================================================

320 and Up by Andy Clarke
Version: 3.0
URL: http://stuffandnonsense.co.uk/projects/320andup/
Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0

============================================================ */
/*@import "reset.less";*/
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-text-size-adjust: none;
  /* Prevent font scaling in landscape */

}
.maxis {
  /* force a vertical scrollbar to prevent a jumpy page */

  /* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */

  /* tables still need cellspacing="0" in the markup */

  /* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */

  /* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */

  /* standardize any monospaced elements */

  /* hand cursor on clickable elements */

  /* Webkit browsers add a 2px margin outside the chrome of form elements */

  /* make buttons play nice in IE */

  /* scale images in IE7 more attractively */

  /* prevent BG image flicker upon hover */

  /*.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}*/

  /* let's clear some floats */

}
.maxis article,
.maxis aside,
.maxis figure,
.maxis footer,
.maxis header,
.maxis hgroup,
.maxis nav,
.maxis section {
  display: block;
}
.maxis html {
  overflow-y: scroll;
}
.maxis ul {
  list-style: none;
}
.maxis blockquote,
.maxis q {
  quotes: none;
}
.maxis blockquote:before,
.maxis blockquote:after,
.maxis q:before,
.maxis q:after {
  content: '';
  content: none;
}
.maxis a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
.maxis del {
  text-decoration: line-through;
}
.maxis abbr[title],
.maxis dfn[title] {
  border-bottom: 1px dotted #000000;
  cursor: help;
}
.maxis table {
  border-collapse: collapse;
  border-spacing: 0;
}
.maxis th {
  font-weight: bold;
  vertical-align: bottom;
}
.maxis td {
  font-weight: normal;
  vertical-align: top;
}
.maxis hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
.maxis input,
.maxis select {
  vertical-align: middle;
}
.maxis pre {
  white-space: pre;
  /* CSS2 */

  white-space: pre-wrap;
  /* CSS 2.1 */

  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */

  word-wrap: break-word;
  /* IE */

}
.maxis input[type="radio"] {
  vertical-align: text-bottom;
}
.maxis input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline;
}
.maxis .ie6 input {
  vertical-align: text-bottom;
}
.maxis select,
.maxis input,
.maxis textarea {
  font: 99% sans-serif;
}
.maxis table {
  font-size: inherit;
  font: 100%;
}
.maxis a:hover,
.maxis a:active {
  outline: none;
}
.maxis small {
  font-size: 85%;
}
.maxis strong,
.maxis th {
  font-weight: bold;
}
.maxis td,
.maxis td img {
  vertical-align: top;
}
.maxis sub,
.maxis sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
.maxis sup {
  top: -0.5em;
}
.maxis sub {
  bottom: -0.25em;
}
.maxis pre,
.maxis code,
.maxis kbd,
.maxis samp {
  font-family: monospace, sans-serif;
}
.maxis .clickable,
.maxis label,
.maxis input[type=button],
.maxis input[type=submit],
.maxis button {
  cursor: pointer;
}
.maxis button,
.maxis input,
.maxis select,
.maxis textarea {
  margin: 0;
}
.maxis button {
  width: auto;
  overflow: visible;
}
.maxis .ie7 img {
  -ms-interpolation-mode: bicubic;
}
.maxis .clearfix:before,
.maxis .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.maxis .clearfix:after {
  clear: both;
}
.maxis .clearfix {
  zoom: 1;
}
@media only screen and (max-width: 800px) {
  /* Responsive images and other embedded objects
     Note: keeping IMG here will cause problems if you're using foreground images as sprites.
     If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
  .maxis img,
  .maxis object,
  .maxis embed {
    max-width: 100%;
  }
}
/* Variables =================================================== */
/*rgb(77,77,77)*/
/*rgb(219,219,219)*/
/*rgb (49,54,64) */
@font-face {
  font-family: 'frutiger_light';
  src: url('../fonts/frutigerltstd-light-webfont.eot');
  src: url('../fonts/frutigerltstd-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/frutigerltstd-light-webfont.woff') format('woff'), url('../fonts/frutigerltstd-light-webfont.ttf') format('truetype'), url('../fonts/frutigerltstd-light-webfont.svg#frutiger_lt_std_45_lightRg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'frutiger_roman';
  src: url('../fonts/frutigerltstd-roman-webfont.eot');
  src: url('../fonts/frutigerltstd-roman-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/frutigerltstd-roman-webfont.woff') format('woff'), url('../fonts/frutigerltstd-roman-webfont.ttf') format('truetype'), url('../fonts/frutigerltstd-roman-webfont.svg#frutiger_lt_std_55_romanRg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'frutiger_black';
  src: url('../fonts/frutigerltstd-black-webfont.eot');
  src: url('../fonts/frutigerltstd-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/frutigerltstd-black-webfont.woff') format('woff'), url('../fonts/frutigerltstd-black-webfont.ttf') format('truetype'), url('../fonts/frutigerltstd-black-webfont.svg#frutiger_lt_std_55_romanbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'frutiger_bold';
  src: url('../fonts/frutigerltstd-bold-webfont.eot');
  src: url('../fonts/frutigerltstd-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/frutigerltstd-bold-webfont.woff') format('woff'), url('../fonts/frutigerltstd-bold-webfont.ttf') format('truetype'), url('../fonts/frutigerltstd-bold-webfont.svg#frutiger_lt_std_45_lightbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*rgb(45,53,62)*/
/* rgb(0,0,0) */
/* @white */
/* rgb(90,179,147) */
/* rgb(1,133,83) */
/* rgb(191,214,048) */
/* rgb(7,108,42) */
/* rgb(118,192,069) */
/* rgb(94,97,104) */
/* rgb(128,128,128) */
/* rgb(166,166,166) */
/* rgb(217,217,217) */
/* rgb(0,66,130) */
/* rgb(0,66,130) */
/* rgb(50,54,65) */
/* rgb(240,15,0) */
/*rgb(252,248,227)*/
/* Mixins =================================================== */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
/* Page =================================================== */
html {
  font-size: 61%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #f4f5f7;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  _font-size: 16;
}
body {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #f2f2f2;
  font-family: 'frutiger_light', Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1em;
  color: #4d4d4d;
}
body.bg_white {
  background: #ffffff;
}
body.bg_grey {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9d9d9), to(#fafafa));
  background-image: -webkit-linear-gradient(top, #d9d9d9, #fafafa);
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #d9d9d9, #fafafa);
  background-image: -ms-linear-gradient(top, #d9d9d9, #fafafa);
  background-image: -o-linear-gradient(top, #d9d9d9, #fafafa);
  background-image: linear-gradient(top, #d9d9d9, #fafafa);
  background-repeat: repeat-x;
}
a {
  font-family: 'frutiger_light', Tahoma, Arial, sans-serif;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
a:visited:hover {
  color: #60b32f;
}
a:visited {
  text-decoration: none;
}
.maxis .container-fluid {
  max-width: 960px;
  margin: 0 auto;
}
.maxis header {
  position: relative;
  width: 100%;
  height: auto;
  background: transparent;
  z-index: 5;
}
.maxis header .ecosystem {
  width: 100%;
  clear: both;
  display: none;
}
.maxis header .ecosystem ul {
  margin: 0;
  padding: 0 0 15px 0;
  background: url(../images/blue-arrow.png) 93% bottom no-repeat;
  float: right;
}
.maxis header .ecosystem ul li {
  float: left;
  padding-top: 10px;
  margin-left: 40px;
}
.maxis header .ecosystem ul li a {
  float: right;
  height: 35px;
}
.maxis header .ecosystem ul li a img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */

  filter: gray;
  /* IE6-9 */

  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */

}
.maxis header .ecosystem ul li a:hover {
  -webkit-transition: background-position 0.5s;
  -moz-transition: background-position 0.5s;
  -o-transition: background-position 0.5s;
  background-position: bottom left;
}
.maxis header .ecosystem ul li a:hover img {
  filter: none;
  -webkit-filter: grayscale(0%);
}
.maxis header .ecosystem ul .disabled {
  display: none;
}
.maxis header nav {
  background: #313640 url(../images/top-bg.png) bottom left repeat-x;
  display: none;
  overflow: auto;
  clear: both;
}
.maxis header nav ul {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  margin-left: 10%;
}
.maxis header nav ul li {
  font-family: 'frutiger_roman', Arial, sans-serif;
  list-style: none;
  display: block;
  float: left;
  text-align: center;
}
.maxis header nav ul li a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  line-height: 40px;
  height: 40px;
  padding: 0 20px;
}
.maxis header nav ul li:hover a {
  text-decoration: underline;
  color: #76c045;
}
.maxis header nav ul li a.active {
  color: #018553;
  background-color: #ffffff;
  font-family: 'frutiger_bold', Arial, sans-serif;
}
.maxis header nav ul.subnav {
  display: none;
}
.maxis header nav span.rightlinks {
  float: right;
  height: 40px;
  line-height: 2.8em;
  font-size: 14px;
  font-size: 1.4rem;
}
.maxis header nav span.rightlinks a {
  margin-left: 20px;
  color: #d9d9d9;
}
.maxis header div.navcontent {
  /*
		div.supportpanel{
			display: none;
			//background-color: @backgroundcolor;
			.container-fluid{
				height: 57px;
				padding: 30px 0;
				ul.searchbar{
					display: block;
					.float;
					width: percentage(790/960);
					li{ display: block; .float; height: 57px; }
					li.leftcorner{
						width: percentage(70/790);
						background: url('../images/searchbar-left.png') no-repeat left;	
					}
					li.rightcorner{
						width: percentage(50/790);
						background: url('../images/searchbar-right.png') no-repeat left;	
					}
					li.bar{
						width: percentage(660/790);
						background: url('../images/searchbar-bg.png') repeat-x left;
					}
				}
				input{ 
					display: block;
					width: 100%;
					margin-top: 14px;
					background: none !important;
					border: none !important;
					font-family: @fontfrutiger_light;
					font-size: 1.5em;
					color: @black;
				}
				div.quicklinks{
					width: percentage(170/960);	
					margin-top: 20px;
					.float(right);
					a{
						display: block;
						height: 15px;
						.float(right);
						color: @black5;
						background: url('../images/supportmenu.png') no-repeat left top;
						padding-left: 20px;
					}
					a:hover{
						color: @white;
						background: url('../images/supportmenu.png') no-repeat left bottom;
					}
				}			
			}
		}
		*/

}
.maxis header div.navcontent div.logopanel {
  background-color: #ffffff;
  height: auto;
  z-index: 1;
}
.maxis header div.navcontent div.logopanel a.logo {
  float: left;
  margin: 0 20px 0 10px;
  display: block;
}
.maxis header div.navcontent div.logopanel ul.subnav {
  clear: both;
  display: none;
  width: auto;
  float: none;
  list-style: none;
  margin: 5px 0 0 0;
  background-color: #ffffff;
}
.maxis header div.navcontent div.logopanel ul.subnav li {
  display: block;
  float: none;
  font-family: 'frutiger_light', Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 10px;
  height: 35px;
  border: solid #cccccc;
  border-width: 1px 0 0 0;
}
.maxis header div.navcontent div.logopanel ul.subnav li p {
  font-size: 16px;
  font-size: 1.6rem;
}
.maxis header div.navcontent div.logopanel ul.subnav li a {
  display: block;
  /*padding: 10px 0 10px 0;*/
  color: #4d4d4d;
}
.maxis header div.navcontent div.logopanel ul.subnav li:hover {
  background-color: #dbdbdb;
}
.maxis header div.navcontent div.logopanel ul.subnav li.login {
  padding: 0 0 0 10px;
  border-left: 1px solid #dbdbdb;
}
.maxis header div.navcontent div.logopanel ul.subnav li.login a {
  color: #60b32f;
  background: url('../images/login.png') no-repeat left;
  padding-left: 15px;
}
.maxis header div.navcontent div.logopanel ul.subnav li.logout {
  padding: 0 0 0 10px;
  border-left: 1px solid #dbdbdb;
}
.maxis header div.navcontent div.logopanel ul.subnav li.logout a {
  color: #60b32f;
  background: url('../images/logout.png') no-repeat left;
  padding-left: 20px;
}
.maxis header div.navcontent div.logopanel div.mobilenavbtn {
  padding: 29px 20px;
  float: right;
}
.maxis .floatleft {
  float: left;
}
.maxis .floatright {
  float: right;
}
.maxis div.rotatingbanner ul.slides li {
  position: relative;
}
.maxis div.rotatingbanner .flexslider .flex-caption {
  left: 5%;
}
.maxis div.rotatingbanner .flexslider .flex-caption h2 {
  font-size: 35px;
  font-size: 3.5rem;
}
.maxis div.rotatingbanner .flexslider .flex-caption h3 {
  font-size: 21px;
  font-size: 2.1rem;
}
.maxis div.rotatingbanner .flex-control-nav {
  bottom: 10px;
}
.maxis div.backgrounditem {
  /*background-image: url('../images/dummy/background-maxis.jpg');
	height: 300px;*/

  background-position: center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dummy/background-maxis.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dummy/background-maxis.jpg', sizingMethod='scale')";*/

  padding-top: 40px;
}
.maxis div.backgrounditem div.container-fluid {
  position: relative;
  height: 100%;
}
.maxis div.backgrounditem ul.breadcrumbs {
  list-style: none;
  font-family: 'frutiger_light', Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #ffffff;
  height: 18px;
  padding-left: 0;
  margin: 0 20px;
}
.maxis div.backgrounditem ul.breadcrumbs li {
  display: block;
  margin-right: 5px;
  float: left;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.2em;
}
.maxis div.backgrounditem ul.breadcrumbs li a {
  color: #fff;
}
.maxis div.backgrounditem h1 {
  clear: both;
  color: #ffffff;
  font-size: 40px;
  font-size: 4rem;
  margin: 0 20px 15px;
}
.maxis div.backgrounditem div.contentdesc {
  width: auto;
  color: #ffffff;
  margin: 0 20px;
}
.maxis div.backgrounditem div.contentdesc h2 {
  font-family: 'frutiger_black', Arial, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  margin-bottom: 15px;
  line-height: 1em;
}
.maxis div.backgrounditem div.contentdesc p {
  font-family: 'frutiger_roman', Arial, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2em;
}
.maxis div.backgrounditem div.fblike {
  margin-left: 20px;
  display: none;
}
.maxis div.backgrounditem span.num {
  font-family: 'frutiger_roman', Arial, sans-serif;
}
.maxis div.backgrounditem div.cornertitle {
  font-family: 'frutiger_light', Arial, sans-serif;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1em;
  color: #ffffff;
  position: absolute;
  bottom: 20px;
  right: 10px;
}
.maxis section.content {
  padding: 10px;
}
.maxis section.content div.rightnav {
  width: 100%;
}
.maxis section.content div.leftnav {
  width: 100%;
}
.maxis section.content div.rightcontent {
  width: 100%;
}
.maxis section.content div.leftcontent {
  width: 100%;
}
.maxis nav.mobilenav {
  display: none;
  position: absolute;
  top: 0;
  right: -222px;
  background-color: #ffffff;
  font-family: 'frutiger_light', Arial, sans-serif;
  color: #808080;
  font-size: 18px;
  font-size: 1.8rem;
}
.maxis nav.mobilenav a {
  color: #808080;
  font-size: 15px;
  font-size: 1.5rem;
}
.maxis nav.mobilenav .shadowbg {
  background: url('../images/pnav-bg.png') no-repeat top;
}
.maxis nav.mobilenav ul.mainnav {
  padding: 0 0 0 0;
  margin: 0;
  list-style: none;
}
.maxis nav.mobilenav ul.mainnav li.navitem {
  display: block;
  width: 220px;
  padding: 0;
  border: solid #cccccc;
  border-width: 0 1px 0 1px;
}
.maxis nav.mobilenav ul.mainnav li.navitem a {
  display: block;
  color: #004282;
  padding: 20px;
  text-transform: uppercase;
  border: solid #cccccc;
  border-width: 0 0 1px 0;
}
.maxis nav.mobilenav ul.mainnav li.navitem a span.arrow {
  display: block;
  float: right;
  width: 10px;
  height: 10px;
  background: url('../images/mobilenav-arrow.png') no-repeat;
}
.maxis nav.mobilenav ul.mainnav li.navitem a.opened {
  background: url('../images/mobilenavbg.jpg') repeat-x;
  color: #ffffff;
}
.maxis nav.mobilenav ul.mainnav li.navitem a.opened span.arrow {
  height: 12px;
  background: url('../images/mobilenav-arrow.png') no-repeat right;
}
.maxis nav.mobilenav ul.subnav {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}
.maxis nav.mobilenav ul.subnav li.subnavitem a {
  text-transform: none;
  color: #808080;
}
.maxis nav.mobilenav ul.subnav li.subnavitem a span.arrow {
  width: 11px;
  height: 25px;
  margin-top: -5px;
  background: url('../images/filter-arrow.png') no-repeat right bottom;
}
.maxis nav.mobilenav ul.subnav li.subnavitem a:hover {
  color: #60b32f;
}
.maxis nav.mobilenav ul.subnav li.subnavitem a:hover span.arrow {
  background: url('../images/filter-arrow.png') no-repeat right top;
}
.maxis nav.mobilenav ul.subnav li.last {
  padding-bottom: 0;
}
.maxis nav.mobilenav div.loginpanel {
  padding: 20px;
  font-family: 'frutiger_light', Arial, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2em;
}
.maxis nav.mobilenav div.loginpanel a {
  color: #60b32f;
  text-decoration: underline;
}
.maxis footer {
  border-top: 3px solid #f2f2f2;
}
.maxis section.foottop {
  background-color: #ffffff;
  color: #4d4d4d;
  padding: 5px 0;
}
.maxis section.foottop small {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}
.maxis section.foottop div.columnitem {
  float: left;
  padding: 2%;
}
.maxis section.foottop div.columnitem p {
  font-family: 'frutiger_light', Arial, sans-serif;
  margin-bottom: 5px;
  line-height: 1.3em;
}
.maxis section.foottop div.bestselling {
  width: 96%;
}
.maxis section.foottop div.bestselling .m_price {
  display: block;
  font-family: 'frutiger_bold', Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 5px;
}
.maxis section.foottop div.bestselling article.latestpromo {
  margin-bottom: 25px;
  margin-right: 25px;
  float: left;
}
.maxis section.foottop div.bestselling article.latestpromo h4 {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 0.75em;
}
.maxis section.foottop div.questions {
  width: 96%;
}
.maxis section.foottop div.questions article {
  padding: 15px 0;
  clear: both;
  float: left;
  border: solid #e6e6e6;
  border-width: 1px 0;
}
.maxis section.foottop div.questions article h4 {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 0.75em;
}
.maxis section.foottop div.questions article ul {
  padding: 0;
  margin: 0;
}
.maxis section.foottop div.questions article ul li {
  float: none;
  padding: 0 0 10px 0;
}
.maxis section.foottop div.questions article small {
  margin-top: 5px;
  font-size: 18px;
  font-size: 1.8rem;
}
.maxis section.foottop div.questions article a {
  color: #333333;
  font-family: 'frutiger_light', Arial, sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2em;
}
.maxis section.foottop div.questions .iwantto {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 2px solid #e6e6e6;
}
.maxis section.foottop div.questions .iwantto .arrow_first {
  background: url(../images/arrow-right-green.png) 0 2px no-repeat;
  padding-left: 13px;
}
.maxis section.foottop div.support {
  width: 96%;
}
.maxis section.foottop div.support h4 {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 0.75em;
}
.maxis section.foottop div.support article.channels ul {
  width: 100%;
  padding: 0;
  margin: 0;
}
.maxis section.foottop div.support article.channels ul .lastitem {
  margin-right: 0;
}
.maxis section.foottop div.support article.channels ul li {
  display: block;
  width: 33%;
  *width: 31%;
  margin: 0 0.5% 0.5% 0;
  padding: 0;
  float: left;
}
.maxis section.foottop div.support article.channels ul li a {
  list-style: none;
  display: block;
  position: relative;
  width: 90%;
  padding-left: 10%;
  height: 94px;
  /*padding: 0 24px 0 12px;*/

  color: white;
  font-family: 'frutiger_light', Arial, sans-serif;
  line-height: 0.9em;
  font-size: 16px;
  font-size: 1.6rem;
  background-position: 85% 70px;
  background-repeat: no-repeat;
  background-image: url(../images/footersupport-arrow.png);
}
.maxis section.foottop div.support article.channels ul li a span {
  width: 65%;
  position: absolute;
  bottom: 8px;
}
.maxis section.foottop div.support article.social {
  margin: 20px 0;
  padding: 15px 0;
  border: solid #e6e6e6;
  border-width: 1px 0;
}
.maxis section.foottop div.support article.social h3 {
  float: left;
  font-size: 19px;
  font-size: 1.9rem;
  margin: 5px 5% 0 0;
}
.maxis section.foottop div.support article.social a {
  display: block;
  float: left;
  margin-right: 3px;
}
.maxis section.foottop div.support article.social #twitter {
  display: block;
  background: url('../images/maxis-sprite.png') no-repeat;
  width: 33px;
  height: 33px;
  background-position: 0 -102px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.maxis section.foottop div.support article.social #facebook {
  display: block;
  background: url('../images/maxis-sprite.png') no-repeat;
  width: 33px;
  height: 33px;
  background-position: -33px -102px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.maxis section.foottop div.support article.social #youtube {
  display: block;
  background: url('../images/maxis-sprite.png') no-repeat;
  width: 33px;
  height: 33px;
  background-position: -66px -102px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.maxis section.foottop div.support article.complaints img {
  float: left;
  margin-right: 18px;
}
.maxis section.foottop div.support article.complaints p {
  font-family: 'frutiger_roman';
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3em;
  width: 100%;
}
.maxis section.footbtm {
  background: #323641 url(../images/bottom-bg.gif) bottom left;
  padding: 15px 0 30px 0;
  color: #ffffff;
}
.maxis section.footbtm nav ul {
  float: left;
  margin: 0;
  padding: 0;
}
.maxis section.footbtm nav ul li {
  list-style: none;
  display: block;
  float: left;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  border-right: 1px solid #ffffff;
  font-size: 12px;
  font-size: 1.2rem;
}
.maxis section.footbtm nav ul li a {
  color: #ffffff;
}
.maxis section.footbtm nav ul li a:hover {
  color: #60b32f;
}
.maxis section.footbtm nav ul li.nodivider {
  border: none;
}
.maxis section.footbtm div.copyright {
  float: none;
  clear: both;
}
.maxis section.footbtm div.copyright p {
  font-family: 'frutiger_light', Arial, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 0 0 10px;
  line-height: 1.2em;
}
/* Typography =================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small {
  font-weight: normal;
  color: #a6a6a6;
}
h1,
.h1 {
  margin-bottom: 0.5em;
  font-family: 'frutiger_light', Arial, sans-serif;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1em;
  letter-spacing: -0.02em;
}
h2,
.h2 {
  margin-bottom: 0.5em;
  font-family: 'frutiger_light', Arial, sans-serif;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1em;
  letter-spacing: -0.02em;
}
h3,
.h3 {
  margin-bottom: 0.6666666666666666em;
  font-family: 'frutiger_light', Arial, sans-serif;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1em;
  letter-spacing: -0.02em;
}
h4,
.h4 {
  margin-bottom: 1em;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.1em;
  color: #4d4d4d;
  font-weight: normal;
}
h5,
.h5 {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 1em;
  line-height: 1.2em;
  font-weight: normal;
}
h6,
.h6 {
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 1.2em;
  text-transform: uppercase;
}
.header h1,
.header h2,
.header h3 {
  float: left;
  margin-right: 24px;
}
.header h1 a,
.header h2 a,
.header h3 a {
  display: block;
  position: relative;
  top: 6px;
  float: right;
  padding: 4px 12px;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #f4f5f7;
}
.header h1:hover,
.header h2:hover,
.header h3:hover {
  background-color: #f4f5f7;
}
.header .a-rss,
.header .a-rss:hover {
  float: left;
  width: 16px;
  height: 16px;
  padding: 0;
  background: transparent url(../img/a-rss.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
p,
ol,
ul,
dl,
address {
  margin-bottom: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
}
small {
  font-size: 14px;
  font-size: 1.4rem;
}
ul,
ol {
  margin: 0 0 1em -24px;
  padding: 0 0 0 24px;
}
li ul,
li ol {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
blockquote {
  margin: 0 0 1em -24px;
  padding-left: 24px;
  border-left: 2px solid #c7ced7;
  font-family: Arial, sans-serif;
  font-style: normal;
}
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
cite {
  font-style: normal;
}
dl,
dd {
  margin-bottom: 1em;
}
dt {
  font-weight: bold;
}
.dl-horizontal dt {
  float: left;
  clear: left;
  width: 20.25%;
  text-align: right;
}
.dl-horizontal dd {
  margin-left: 22.78%;
}
abbr[title] {
  border-bottom: 1px dotted #c7ced7;
  cursor: help;
}
b,
strong {
  font-weight: normal;
  font-family: 'frutiger_roman', Arial, sans-serif;
}
dfn {
  font-style: italic;
}
ins {
  background-color: #f4f5f7;
  color: #4d4d4d;
  text-decoration: none;
}
mark {
  background-color: #f4f5f7;
  color: #4d4d4d;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: Monaco, Courier New, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
sub,
sup {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
  vertical-align: baselineheight;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.bold {
  font-weight: bold;
}
/* Font Awesome: http://fortawesome.github.com/Font-Awesome/

License
-------------------------------------------------------
The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
http://creativecommons.org/licenses/by/3.0/ A mention of
'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
source code is considered acceptable attribution (most common on the web).
If human readable source code is not available to the end user, a mention in
an 'About' or 'Credits' screen is considered acceptable (most common in desktop
or mobile software). */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('../fonts/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
}
li[class^="icon-"],
li[class*=" icon-"] {
  display: block;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"],
.btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large[class^="icon-"],
li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
li[class^="icon-"],
li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before,
li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before,
li[class*=" icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000";
}
.icon-music:before {
  content: "\f001";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-empty:before {
  content: "\f006";
}
.icon-user:before {
  content: "\f007";
}
.icon-film:before {
  content: "\f008";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-th:before {
  content: "\f00a";
}
.icon-th-list:before {
  content: "\f00b";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-zoom-in:before {
  content: "\f00e";
}
.icon-zoom-out:before {
  content: "\f010";
}
.icon-off:before {
  content: "\f011";
}
.icon-signal:before {
  content: "\f012";
}
.icon-cog:before {
  content: "\f013";
}
.icon-trash:before {
  content: "\f014";
}
.icon-home:before {
  content: "\f015";
}
.icon-file:before {
  content: "\f016";
}
.icon-time:before {
  content: "\f017";
}
.icon-road:before {
  content: "\f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "\f01d";
}
.icon-repeat:before {
  content: "\f01e";
}
/* \f020 is not a valid unicode character. all shifted one down */
.icon-refresh:before {
  content: "\f021";
}
.icon-list-alt:before {
  content: "\f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "\f024";
}
.icon-headphones:before {
  content: "\f025";
}
.icon-volume-off:before {
  content: "\f026";
}
.icon-volume-down:before {
  content: "\f027";
}
.icon-volume-up:before {
  content: "\f028";
}
.icon-qrcode:before {
  content: "\f029";
}
.icon-barcode:before {
  content: "\f02a";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-tags:before {
  content: "\f02c";
}
.icon-book:before {
  content: "\f02d";
}
.icon-bookmark:before {
  content: "\f02e";
}
.icon-print:before {
  content: "\f02f";
}
.icon-camera:before {
  content: "\f030";
}
.icon-font:before {
  content: "\f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-text-width:before {
  content: "\f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "\f03b";
}
.icon-indent-right:before {
  content: "\f03c";
}
.icon-facetime-video:before {
  content: "\f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-adjust:before {
  content: "\f042";
}
.icon-tint:before {
  content: "\f043";
}
.icon-edit:before {
  content: "\f044";
}
.icon-share:before {
  content: "\f045";
}
.icon-check:before {
  content: "\f046";
}
.icon-move:before {
  content: "\f047";
}
.icon-step-backward:before {
  content: "\f048";
}
.icon-fast-backward:before {
  content: "\f049";
}
.icon-backward:before {
  content: "\f04a";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-stop:before {
  content: "\f04d";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-fast-forward:before {
  content: "\f050";
}
.icon-step-forward:before {
  content: "\f051";
}
.icon-eject:before {
  content: "\f052";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-sign:before {
  content: "\f055";
}
.icon-minus-sign:before {
  content: "\f056";
}
.icon-remove-sign:before {
  content: "\f057";
}
.icon-ok-sign:before {
  content: "\f058";
}
.icon-question-sign:before {
  content: "\f059";
}
.icon-info-sign:before {
  content: "\f05a";
}
.icon-screenshot:before {
  content: "\f05b";
}
.icon-remove-circle:before {
  content: "\f05c";
}
.icon-ok-circle:before {
  content: "\f05d";
}
.icon-ban-circle:before {
  content: "\f05e";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-share-alt:before {
  content: "\f064";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-resize-small:before {
  content: "\f066";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-exclamation-sign:before {
  content: "\f06a";
}
.icon-gift:before {
  content: "\f06b";
}
.icon-leaf:before {
  content: "\f06c";
}
.icon-fire:before {
  content: "\f06d";
}
.icon-eye-open:before {
  content: "\f06e";
}
.icon-eye-close:before {
  content: "\f070";
}
.icon-warning-sign:before {
  content: "\f071";
}
.icon-plane:before {
  content: "\f072";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-random:before {
  content: "\f074";
}
.icon-comment:before {
  content: "\f075";
}
.icon-magnet:before {
  content: "\f076";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-retweet:before {
  content: "\f079";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-folder-close:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-resize-vertical:before {
  content: "\f07d";
}
.icon-resize-horizontal:before {
  content: "\f07e";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-twitter-sign:before {
  content: "\f081";
}
.icon-facebook-sign:before {
  content: "\f082";
}
.icon-camera-retro:before {
  content: "\f083";
}
.icon-key:before {
  content: "\f084";
}
.icon-cogs:before {
  content: "\f085";
}
.icon-comments:before {
  content: "\f086";
}
.icon-thumbs-up:before {
  content: "\f087";
}
.icon-thumbs-down:before {
  content: "\f088";
}
.icon-star-half:before {
  content: "\f089";
}
.icon-heart-empty:before {
  content: "\f08a";
}
.icon-signout:before {
  content: "\f08b";
}
.icon-linkedin-sign:before {
  content: "\f08c";
}
.icon-pushpin:before {
  content: "\f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "\f090";
}
.icon-trophy:before {
  content: "\f091";
}
.icon-github-sign:before {
  content: "\f092";
}
.icon-upload-alt:before {
  content: "\f093";
}
.icon-lemon:before {
  content: "\f094";
}
/* Forms =================================================== */
form {
  margin: 0 0 0 0;
}
form fieldset {
  margin-bottom: 1em;
  padding: 0;
  border-width: 0;
}
form legend {
  display: block;
  width: 100%;
  margin-bottom: 2em;
  *margin-left: -7px;
  padding: 0;
  color: #4d4d4d;
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  white-space: normal;
}
form legend small {
  font-size: 14px;
  font-size: 1.4rem;
  color: #a6a6a6;
}
form p {
  margin-bottom: 0.5em;
}
form ul {
  list-style-type: none;
  margin: 0 0 1em 0;
  padding: 0;
}
form br {
  display: none;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: baseline;
  *vertical-align: middle;
}
input,
button,
select,
textarea {
  font-family: 'frutiger_light', Arial, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
label {
  display: block;
  margin-bottom: 0.125em;
  font-weight: bold;
  color: #4d4d4d;
  cursor: pointer;
}
label input,
label textarea,
label select {
  display: block;
}
input,
textarea,
select {
  display: inline-block;
  width: 100%;
  padding: 10px;
  /*15px 10px; 4px 5px;*/

  margin-bottom: 0.25em;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  color: #4d4d4d;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
input:hover,
textarea:hover,
select:hover {
  border-color: #b3b3b3;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="image"] {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: transparent;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
  cursor: pointer;
  *overflow: visible;
}
select,
input[type="file"] {
  /*height : 28px; 
background: url("../images/timeline-arrow-form.png") no-repeat scroll 80% center padding-box #FFFFFF;
overflow: hidden;*/

  *margin-top: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  /*13px;*/

  line-height: 28px;
}
select {
  width: auto;
  background-color: #ffffff;
  font-size: 13px;
  font-size: 1.3rem;
}
select[multiple],
select[size] {
  height: auto;
}
textarea {
  resize: vertical;
  height: auto;
  overflow: auto;
  vertical-align: top;
}
input[type="hidden"] {
  display: none;
}
.radio,
.checkbox {
  padding-left: 18px;
  font-weight: normal;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed;
}
input:focus,
textarea:focus {
  border-color: #b3b3b3;
  outline: 0;
  outline: thin dotted \9;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
input:-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
.help-block,
.help-inline {
  color: #808080;
}
.help-block {
  display: block;
  margin-bottom: 0.5em;
}
.help-inline {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.form-inline input,
.form-inline textarea,
.form-inline select {
  display: inline-block;
  margin-bottom: 0;
}
.form-inline label {
  display: inline-block;
}
.form-inline .radio,
.form-inline .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
.form-search input,
.form-search textarea,
.form-search select {
  display: inline-block;
  margin-bottom: 0;
}
.form-search .search-query {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.form-search label {
  display: inline-block;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
@media all and (max-width: 800px) {
  input,
  textarea,
  select {
    padding: 15px 10px;
  }
  select,
  input[type="file"] {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}
.btn [class^="icon-"],
.btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
  font-size: 11px;
  font-size: 1.1rem;
  margin-left: 8px;
  margin-right: 0px;
}
.btn {
  /*background: @highlightgreen url(../images/smallbtn-bg.png) top left repeat-x;*/

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#76c045), to(#60b32f));
  background-image: -webkit-linear-gradient(top, #76c045, #60b32f);
  background-color: #60b32f;
  background-image: -moz-linear-gradient(top, #76c045, #60b32f);
  background-image: -ms-linear-gradient(top, #76c045, #60b32f);
  background-image: -o-linear-gradient(top, #76c045, #60b32f);
  background-image: linear-gradient(top, #76c045, #60b32f);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  padding: 12px 20px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-family: 'frutiger_light', Arial, sans-serif;
  color: #ffffff;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.btn:hover {
  color: #ffffff;
  text-decoration: none;
  /*background: @highlightgreen url(../images/smallbtn-bg.png) center left repeat-x;*/

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60b32f), to(#018553));
  background-image: -webkit-linear-gradient(top, #60b32f, #018553);
  background-color: #018553;
  background-image: -moz-linear-gradient(top, #60b32f, #018553);
  background-image: -ms-linear-gradient(top, #60b32f, #018553);
  background-image: -o-linear-gradient(top, #60b32f, #018553);
  background-image: linear-gradient(top, #60b32f, #018553);
  background-repeat: repeat-x;
}
.btn:active {
  color: #ffffff;
  /*background: @maxisgreen url(../images/smallbtn-bg.png) bottom left repeat-x;*/

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#018553), to(#60b32f));
  background-image: -webkit-linear-gradient(top, #018553, #60b32f);
  background-color: #60b32f;
  background-image: -moz-linear-gradient(top, #018553, #60b32f);
  background-image: -ms-linear-gradient(top, #018553, #60b32f);
  background-image: -o-linear-gradient(top, #018553, #60b32f);
  background-image: linear-gradient(top, #018553, #60b32f);
  background-repeat: repeat-x;
}
.btn.blue {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004f9b), to(#00386e));
  background-image: -webkit-linear-gradient(top, #004f9b, #00386e);
  background-color: #00386e;
  background-image: -moz-linear-gradient(top, #004f9b, #00386e);
  background-image: -ms-linear-gradient(top, #004f9b, #00386e);
  background-image: -o-linear-gradient(top, #004f9b, #00386e);
  background-image: linear-gradient(top, #004f9b, #00386e);
  background-repeat: repeat-x;
  color: #ffffff;
}
.btn.blue:hover {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00386e), to(#004f9b));
  background-image: -webkit-linear-gradient(top, #00386e, #004f9b);
  background-color: #004f9b;
  background-image: -moz-linear-gradient(top, #00386e, #004f9b);
  background-image: -ms-linear-gradient(top, #00386e, #004f9b);
  background-image: -o-linear-gradient(top, #00386e, #004f9b);
  background-image: linear-gradient(top, #00386e, #004f9b);
  background-repeat: repeat-x;
}
.btn.blue:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004f9b), to(#00386e));
  background-image: -webkit-linear-gradient(top, #004f9b, #00386e);
  background-color: #00386e;
  background-image: -moz-linear-gradient(top, #004f9b, #00386e);
  background-image: -ms-linear-gradient(top, #004f9b, #00386e);
  background-image: -o-linear-gradient(top, #004f9b, #00386e);
  background-image: linear-gradient(top, #004f9b, #00386e);
  background-repeat: repeat-x;
}
.btn.lightgrey {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#e8e8e8));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-image: -ms-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-image: -o-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-image: linear-gradient(top, #e8e8e8, #e8e8e8);
  background-repeat: repeat-x;
  color: #a6a6a6;
}
.btn.lightgrey:hover {
  color: #e6e6e6;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#e8e8e8));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-image: -ms-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-image: -o-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-image: linear-gradient(top, #e8e8e8, #e8e8e8);
  background-repeat: repeat-x;
}
.btn.lightgrey:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#e8e8e8));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-color: #e8e8e8;
  background-image: -moz-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-image: -ms-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-image: -o-linear-gradient(top, #e8e8e8, #e8e8e8);
  background-image: linear-gradient(top, #e8e8e8, #e8e8e8);
  background-repeat: repeat-x;
}
.btn.grey {
  background: #a6a6a6;
}
.btn.grey:hover,
.btn.grey:active {
  background: #808080;
}
.small {
  /*padding: 7px 15px;*/

  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}
.btn.small {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 7px 15px;
}
.btn.blue {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004282), to(#004282));
  background-image: -webkit-linear-gradient(top, #004282, #004282);
  background-color: #004282;
  background-image: -moz-linear-gradient(top, #004282, #004282);
  background-image: -ms-linear-gradient(top, #004282, #004282);
  background-image: -o-linear-gradient(top, #004282, #004282);
  background-image: linear-gradient(top, #004282, #004282);
  background-repeat: repeat-x;
}
.btn.red {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef463c), to(#e52d26));
  background-image: -webkit-linear-gradient(top, #ef463c, #e52d26);
  background-color: #e52d26;
  background-image: -moz-linear-gradient(top, #ef463c, #e52d26);
  background-image: -ms-linear-gradient(top, #ef463c, #e52d26);
  background-image: -o-linear-gradient(top, #ef463c, #e52d26);
  background-image: linear-gradient(top, #ef463c, #e52d26);
  background-repeat: repeat-x;
}
.btn.red:hover {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e52d26), to(#ef463c));
  background-image: -webkit-linear-gradient(top, #e52d26, #ef463c);
  background-color: #ef463c;
  background-image: -moz-linear-gradient(top, #e52d26, #ef463c);
  background-image: -ms-linear-gradient(top, #e52d26, #ef463c);
  background-image: -o-linear-gradient(top, #e52d26, #ef463c);
  background-image: linear-gradient(top, #e52d26, #ef463c);
  background-repeat: repeat-x;
}
.m_ba {
  color: #000000;
}
.m_ba .m_a {
  color: #018553;
}
.btnarrow {
  font-size: 18px;
  font-size: 1.8rem;
  padding-right: 40px;
  line-height: 1.2em;
  background: url(../images/nav-arrow.gif) center right no-repeat;
}
.btnarrow:hover {
  color: #018553;
  background: url(../images/nav-current-arrow.gif) center right no-repeat;
}
.btnarrow-front {
  padding-left: 12px;
  background: url(../images/right-arrow.png) center left no-repeat;
  color: #5e6168;
  font-family: 'frutiger_roman', Arial, sans-serif;
}
.btnarrow-front:hover {
  color: #60b32f;
  background-image: url(../images/arrow-right-green.png);
}
.btnarrow-back {
  padding-right: 12px;
  background: url(../images/right-arrow.png) center right no-repeat;
  color: #5e6168;
  font-family: 'frutiger_roman', Arial, sans-serif;
}
.btnarrow-back:hover {
  color: #60b32f;
  background-image: url(../images/arrow-right-green.png);
}
.m_grey {
  background-color: gray;
}
.m_green {
  background-color: #60b32f;
}
.m_darkgreen {
  background-color: #018553;
}
/* Generic Flex Slider */
.slides {
  margin: 0;
  padding: 0;
}
.flexslider {
  position: relative;
}
.flex-control-paging {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  position: absolute;
}
.flex-control-paging li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0 3px;
}
.flex-control-paging li a {
  background: #ffffff;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-topleft: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
  cursor: pointer;
  display: block;
  height: 3px;
  padding-top: 7px;
  text-decoration: none;
  width: 10px;
}
.flex-control-paging li a.flex-active {
  background: #808080;
}
.flex-direction-nav {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
  position: absolute;
  height: 20px;
  z-index: 10;
}
.flex-direction-nav li {
  width: 13px;
  height: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-direction-nav a {
  width: 13px;
  height: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-indent: -9999px;
  position: absolute;
}
.flex-direction-nav a:hover {
  background-position: bottom left;
}
.flex-direction-nav .flex-prev {
  background: url(../images/slider-arrows-left-small.png) top left no-repeat;
  top: 0;
  left: 0;
}
.flex-direction-nav .flex-next {
  background: url(../images/slider-arrows-right-small.png) top left no-repeat;
  top: 0;
  right: 0;
}
/* Phone Book */
div.bill_detail {
  float: left;
  /*	width: 692px !important;*/

  width: 100%;
  margin: 10px 0 20px 0;
  border-top: 1px dashed #d9d9d9;
}
div.bill_detail .lightgreen {
  color: #60b32f;
}
div.bill_detail .green {
  color: #018553;
}
div.bill_detail .blue {
  color: #004282;
}
div.bill_detail ul {
  float: left;
  width: 100%;
  border-bottom: 1px dashed #d9d9d9;
  margin: 0;
  padding: 0;
  list-style: none;
}
div.bill_detail ul.grey {
  background-color: #f2f2f2;
  /*border-top: 1px solid @silvergrey;*/

  border-bottom: none;
  margin-bottom: 20px;
}
div.bill_detail ul.grey.no_border {
  border: none;
  margin-bottom: 0;
}
div.bill_detail ul.grey.no_border li {
  border: none;
}
div.bill_detail ul.grey.no_border li:first-child {
  border: none;
}
div.bill_detail ul.grey li {
  padding: 3% 0;
}
div.bill_detail ul.grey li:first-child {
  border-right: 1px solid #d9d9d9;
}
div.bill_detail ul.grey li ul li:first-child {
  border: none;
}
div.bill_detail ul.grey li h5 {
  font-size: 24px;
  font-size: 2.4rem;
  /*font-weight: bold;*/

  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 8%;
  font-family: 'frutiger_roman', Arial, sans-serif;
}
div.bill_detail ul.grey li div {
  float: left;
  font-size: 20px;
  font-size: 2rem;
  width: 86%;
  text-align: left;
  line-height: 1.2em;
  padding: 0 7%;
}
div.bill_detail ul.grey li div span {
  float: right;
  width: 40%;
  font-size: 1em;
  line-height: 1.2em;
}
div.bill_detail ul.grey li div span.left {
  float: left;
  width: 60%;
}
div.bill_detail ul.grey li div span.center {
  text-align: center;
  width: 100%;
}
div.bill_detail ul.grey li div.flex-viewport {
  padding: 0;
  width: 100%;
}
div.bill_detail ul.no_border {
  border: none;
}
div.bill_detail ul.border_top {
  border-top: 1px dashed #d9d9d9;
}
div.bill_detail ul.active {
  display: block;
  max-width: 880px;
  margin: 0 auto;
  background: url('../images/arrow-actionpanel.png') 50% 100% no-repeat;
  padding-bottom: 30px;
}
div.bill_detail ul.title li {
  padding: 2% 0;
}
div.bill_detail ul.title li:first-child {
  border: 0;
}
div.bill_detail ul.heigher_li li {
  float: left;
  border-left: 1px dashed #d9d9d9;
  border-right: 0;
}
div.bill_detail ul.heigher_li li:first-child {
  border-left: 0;
}
div.bill_detail ul li {
  float: left;
  width: 49.8%;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  padding: 2% 0;
  margin: 0 auto;
  line-height: 1.2em;
  position: relative;
  border-right: 1px dashed #d9d9d9;
}
div.bill_detail ul li img {
  margin: 0;
}
div.bill_detail ul li sup {
  font-size: 50%;
}
div.bill_detail ul li:last-child {
  border-right: 0;
}
div.bill_detail ul li.lightblue {
  font-size: 30px;
  font-size: 3rem;
  font-family: 'frutiger_roman', Arial, sans-serif;
  color: #0072ac;
  position: relative;
}
div.bill_detail ul li.lightblue sup {
  font-size: 50%;
  top: -0.5em;
}
div.bill_detail ul li.lightblue a {
  font-style: normal;
  font-size: 0.5em;
  line-height: 20px;
  /*color: @white;
					background-color: @lightblue;
					.rounded(10px);*/

  padding: 5px 10px;
  width: auto;
  position: absolute;
  top: 35%;
  right: 5%;
}
div.bill_detail ul li.lightblue a:hover {
  text-decoration: none;
}
div.bill_detail ul li.lightblue a i {
  background: url('../images/online_account/icon_open.png') top left no-repeat;
  width: 16px;
  height: 16px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
div.bill_detail ul li.bill_list_flexslider ul {
  border: none;
}
div.bill_detail ul li.bill_list_flexslider ul li {
  float: none;
  width: 100%;
  padding: 0;
  border: none;
}
div.bill_detail ul li.bill_list_flexslider ul.flex-direction-nav li {
  width: 100%;
}
div.bill_detail ul li.bill_list_flexslider ol.flex-control-nav {
  margin: 0;
  padding: 0;
}
div.bill_detail ul li.bill_list_flexslider ol.flex-control-nav li {
  float: none;
  width: auto;
  border: none;
  padding: 0 5px;
}
div.bill_detail ul li.no_entry {
  width: 96%;
  background: url('../images/online_account/bg_no_entry.gif') top left repeat;
  margin: 2%;
  padding: 50px 0;
  border: 0;
  position: relative;
}
div.bill_detail ul li.no_entry p {
  color: #ffffff;
}
div.bill_detail ul li.no_entry .btn {
  border: 3px solid #666666;
}
div.bill_detail ul li.no_entry .add_entry {
  width: 48%;
  left: 26%;
  top: 2%;
  margin-top: 0;
}
div.bill_detail ul li .entry {
  background: url('../images/online_account/bg_no_entry.gif') top left repeat;
  padding: 64px 0;
  margin: 55px 1% 1% 3%;
  width: 96%;
}
div.bill_detail ul li .entry .btn {
  border: 3px solid #666666;
}
div.bill_detail ul li .add_entry {
  display: none;
  width: 94%;
  margin: 80px 1% 1% 3%;
  background-color: #f2f2f2;
  position: absolute;
  left: 1%;
  top: 3%;
}
div.bill_detail ul li .add_entry form {
  float: left;
  width: 97%;
  margin: 0;
  padding: 1% 0 1% 2%;
}
div.bill_detail ul li .add_entry form .add_entry_detail {
  float: left;
  width: 65%;
}
div.bill_detail ul li .add_entry form .add_entry_detail input,
div.bill_detail ul li .add_entry form .add_entry_detail .call_type {
  border: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #e6e6e6;
  padding: 3px;
}
div.bill_detail ul li .add_entry form .add_entry_detail .call_type {
  float: left;
  width: 92%;
  margin-top: 5px;
  padding: 4%;
}
div.bill_detail ul li .add_entry form .add_entry_detail .call_type span,
div.bill_detail ul li .add_entry form .add_entry_detail .call_type div {
  float: left;
  width: auto;
  font-size: 14px;
  font-size: 1.4rem;
}
div.bill_detail ul li .add_entry form .add_entry_detail .call_type span input,
div.bill_detail ul li .add_entry form .add_entry_detail .call_type div input {
  float: left;
  margin: 10px 0 0 10px;
}
div.bill_detail ul li .add_entry form .add_entry_detail .call_type div {
  width: 35%;
  margin-left: 3%;
  padding-left: 3%;
}
div.bill_detail ul li .add_entry form .add_entry_detail .call_type div:last-child {
  border-left: 1px solid #f2f2f2;
}
div.bill_detail ul li .add_entry form .add_entry_detail .call_type div img {
  float: left;
  width: auto;
}
div.bill_detail ul li .add_entry form .add_entry_detail .call_type span {
  width: 15%;
  clear: both;
}
div.bill_detail ul li .add_entry form .add_entry_btn {
  float: right;
  width: 35%;
}
div.bill_detail ul li .add_entry form .add_entry_btn .btn {
  border: 0;
  margin-top: 35%;
  width: 90%;
}
div.bill_detail ul li .add_entry form .add_entry_btn i {
  background: url('../images/online_account/icon_close.gif') top left no-repeat;
  width: 10px;
  height: 10px;
  float: right;
  margin: 5px 5px 0 0;
  cursor: pointer;
}
div.bill_detail ul li .phone_search {
  float: left;
  width: 97%;
  height: 35px;
  margin: 0;
  position: relative;
}
div.bill_detail ul li .phone_search form {
  margin: 0;
}
div.bill_detail ul li .phone_search form input {
  float: left;
  border-right: 0;
  width: 100%;
  padding: 0 4%;
  margin: 0;
  height: 35px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  vertical-align: top;
  color: #4d4d4d;
  position: absolute;
  top: 0;
  left: 0;
}
div.bill_detail ul li .phone_search form input.icon_search {
  background: url('../images/online_account/icon_search.gif') top left no-repeat;
  width: 27px;
  height: 35px;
  border: 0;
  padding-left: 0;
  margin-left: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
}
div.bill_detail ul li .phone_search form input.icon_search:hover {
  border: 0;
}
div.bill_detail ul li .phone_search form input:hover,
div.bill_detail ul li .phone_search form input:focus {
  /*border:0;*/

  border: solid #f2f2f2;
  border-width: 1px 0 1px 1px;
}
div.bill_detail ul li .phone_search form input[placeholder] {
  color: #a6a6a6;
}
div.bill_detail ul li .phone_book_list {
  float: left;
  width: 97%;
  height: 181px;
  margin: 20px 0 0 0;
  background-color: #f7f7f7;
}
div.bill_detail ul li .phone_book_list .phone_book {
  float: left;
  width: 100%;
  position: relative;
  border: 2px solid #d9d9d9;
  border-top: 0;
}
div.bill_detail ul li .phone_book_list .phone_book:first-child {
  border: 2px solid #d9d9d9;
}
div.bill_detail ul li .phone_book_list .phone_book .icon {
  position: absolute;
  top: 0;
  right: 7%;
  z-index: 999999;
}
div.bill_detail ul li .phone_book_list .phone_book .icon input {
  cursor: pointer;
}
div.bill_detail ul li .phone_book_list .phone_book .icon .btn_delete {
  background: url('../images/online_account/icon_delete.gif') 50% 50% no-repeat;
  width: 17px;
  /*height: 20px;*/

  border: 0;
}
div.bill_detail ul li .phone_book_list .phone_book .icon .btn_delete.active {
  background-image: url('../images/online_account/icon_delete_active.gif');
}
div.bill_detail ul li .phone_book_list .phone_book .icon .small {
  padding: 0 10px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-topleft: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
div.bill_detail ul li .phone_book_list .phone_book .icon .done_phone_book {
  display: none;
}
div.bill_detail ul li .phone_book_list .phone_book ul {
  float: left;
  width: 100%;
  border-bottom: 0;
  padding: 3% 0;
}
div.bill_detail ul li .phone_book_list .phone_book ul li {
  float: left;
  width: 62%;
  border-top: 0;
  border-bottom: 1px solid #d9d9d9;
  border-right: 0;
  margin: 0 0 0 5%;
  padding: 0 26% 0 0;
  text-align: left;
  position: relative;
}
div.bill_detail ul li .phone_book_list .phone_book ul li:last-child {
  border: 0;
}
div.bill_detail ul li .phone_book_list .phone_book ul li label {
  float: left;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2em;
  margin: 0;
  width: 94%;
  cursor: default;
  padding: 3% 3% 0;
}
div.bill_detail ul li .phone_book_list .phone_book ul li input {
  float: left;
  border: 0;
  background-color: #f7f7f7;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0;
  padding: 0 3% 0;
  line-height: 1.2em;
  width: 101.5%;
  cursor: default;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  opacity: 1;
}
div.bill_detail ul li .phone_book_list .phone_book ul li .icon_call_type {
  position: absolute;
  top: 5%;
  right: 0;
}
div.bill_detail ul li .phone_book_list .phone_book ul li .icon_call_type i {
  float: left;
  background-color: #d9d9d9;
  margin: 3%;
  width: 35px;
  height: 45px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 3.2em;
}
div.bill_detail ul li .phone_book_list .phone_book ul li .icon_call_type i.business_call {
  background-image: url('../images/online_account/icon_business_call.gif');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  /*width: 22px;
										height: 33px;*/

}
div.bill_detail ul li .phone_book_list .phone_book ul li .icon_call_type i.personal_call {
  background-image: url('../images/online_account/icon_personal_call.gif');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  /*width: 22px;
										height: 33px;*/

}
div.bill_detail ul li .phone_book_list .phone_book ul li .icon_call_type i.editable {
  width: auto;
  padding: 0 5% 0 20%;
  background-position: 5% 50%;
  z-index: 999999;
}
div.bill_detail ul li .phone_book_list .phone_book .phone_book_editable ul li {
  /*label{
									background-color: @white;
									border-left: 1px solid @silvergrey;
									border-right: 1px solid @silvergrey;
								}*/

}
div.bill_detail ul li .phone_book_list .phone_book .phone_book_editable ul li:first-child label {
  border-top: 1px solid #d9d9d9;
}
div.bill_detail ul li .phone_book_list .phone_book .phone_book_editable ul li:last-child input {
  border-bottom: 1px solid #d9d9d9;
}
div.bill_detail ul li .phone_book_list .phone_book .phone_book_editable ul li input {
  /*background-color: @white;
									border-left: 1px solid @silvergrey;
									border-right: 1px solid @silvergrey;*/

  background: transparent;
}
div.bill_detail ul li .phone_book_list .phone_book .phone_book_editable ul li div {
  float: left;
  width: 100%;
  background-color: #ffffff;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
div.bill_detail ul li .phone_book_list .phone_book .phone_book_editable ul li div.icon_call_type {
  background-color: inherit;
  border: 0;
  width: auto;
}
div.bill_detail ul li .delete_entry {
  display: none;
  position: absolute;
  top: 25%;
  left: 0;
  background-color: #f53c32;
  float: left;
  margin: 0 12%;
  padding: 5%;
  width: 66%;
}
div.bill_detail ul li .delete_entry p {
  color: #ffffff;
  width: 100%;
}
div.bill_detail ul li .delete_entry input {
  padding: 3%;
}
div.bill_detail.phoneBook {
  margin: 10px 1.8105849582172702% 20px 1.8105849582172702%;
  width: 96.37883008356546%;
}
/* Bill Delivery */
.delivery_confirm .align-center {
  text-align: center;
}
.delivery_confirm .align-center input.btn{
  width: 90px;
}
.delivery_confirm .align-center input:nth-child(2) {
  margin-left: 10px;
}
.delivery_confirm table {
  width: 100%;
  border: 1px solid #d9d9d9;
  margin-bottom: 2%;
}
.delivery_confirm table th,
.delivery_confirm table td {
  padding: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
.delivery_confirm table th {
  background-color: #004282;
  border-left: 1px solid #ffffff;
  color: #ffffff;
  font-weight: normal;
}
.delivery_confirm table th:first-child {
  border: none;
}
.delivery_confirm table td {
  vertical-align: top;
  color: #000000;
  border-left: 1px solid #d9d9d9;
}
.delivery_confirm table td:first-child,
.delivery_confirm table td:last-child {
  text-align: center;
}
.delivery_confirm table td:first-child {
  border-left: 0;
}
.delivery_confirm table.mobile_vas {
  float: left;
  width: 100%;
  display: table;
}
.delivery_confirm table.mobile_vas td {
  white-space: normal;
  text-align: left;
}
.delivery_confirm table.mobile_vas td:first-child {
  white-space: normal;
}
.delivery_confirm table.mobile_vas td span {
  margin: 0;
}
.hr_dashed {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #c7ced7 -moz-use-text-color #ffffff;
  border-image: none;
  border-left: 0 none;
  border-right: 0 none;
  border-style: dashed none;
  border-width: 1px 0;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}
.delivery_form {
  float: left;
  width: 100%;
}
.delivery_form a {
  color: #60b32f;
}
.delivery_form a:hover {
  color: #018553;
}
.delivery_notice {
  display: none;
  float: left;
}
.delivery_notice p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4em;
}
.delivery_notice ol {
  float: left;
  width: 95%;
  margin: 0 0 5% 0;
  padding: 0;
}
.delivery_notice ol li {
  float: left;
  width: 95%;
  margin-left: 5%;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
.delivery_notice div {
  float: left;
  width: 100%;
  text-align: center;
}
.delivery_notice .align-center input.btn {
  width: 90px;
}
form.delivery_option .error {
  color: #ff0000;
  
}
form.delivery_option p .error_subscription {
  color: #ff0000;
  align: right;
}
form.delivery_option div {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
form.delivery_option div.align-center {
  text-align: center;
}
form.delivery_option div.align-center input:nth-child(2) {
  margin-left: 4%;
}
form.delivery_option div label {
  float: left;
  width: 20%;
  margin-top: 25px;
  margin-left: 20%;
  font-weight: normal;
}
form.delivery_option div label.big_label {
  font-size: 19px;
  font-size: 1.9rem;
  margin-top: 18px;
  line-height: 1.2em;
}
form.delivery_option div label.width-30 {
  width: 30%;
  margin-left: 10%;
  text-align: right;
}
form.delivery_option div input {
  width: 50%;
  margin-top: 10px;
}
form.delivery_option div input[type=checkbox] {
  float: left;
  width: auto;
  margin: 5px 10px 0 30px;
}
form.delivery_option div input.small {
  width: 12%;
  margin-right: 1%;
}
form.delivery_option div input.medium {
  width: 37%;
}
form.delivery_option div input.btn {
  width: 90px;
}
form.delivery_option div select {
  width: auto;
  margin-top: 0;
}
form.delivery_option div span {
  width: 79%;
}
form.delivery_option div span.select-custom {
  margin-top: 10px;
  width: auto;
}
form.delivery_option div span.select-custom.width-30 {
  width: 30%;
}
form.delivery_option div span a {
  float: none;
  padding: 0;
}
form.delivery_option div span.align_center {
  text-align: center;
  width: 100%;
}
form.delivery_option div .error {
  color: #ff0000;
  margin-left: 20%;
  width: 60%;
}
form.delivery_option p {
  margin-left: 5%;
  margin-right: 5%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1em;
}
form.delivery_option p input[checkbox] {
  margin-top: 0;
}
form.delivery_option p .error {
  color: #ff0000;
}
form.delivery_option h5 {
  float: left;
  width: auto;
  margin-bottom: 0;
}
form.delivery_option h5 span.greenfont {
  float: none;
  color: #018553;
  font-size: 1em;
}
form.delivery_option .width80 {
  width: 80%;
}
form.delivery_option .marginauto {
  margin: 0 auto;
}
form.delivery_option hr {
  float: left;
  width: 100%;
  margin-top: 0;
}
form.delivery_option table {
  float: left;
  width: 100%;
  border: 1px solid #d9d9d9;
}
form.delivery_option table tr {
  border-top: 1px solid #d9d9d9;
}
form.delivery_option table tr.no-border {
  border: 0;
}
form.delivery_option table tr.no-border td {
  padding: 5px 20px;
}
form.delivery_option table tr.no-border:last-child {
  padding-bottom: 15px;
}
form.delivery_option table tr th {
  background-color: #004282;
  color: #ffffff;
  white-space: nowrap;
  padding: 10px 20px;
}
form.delivery_option table tr th:first-child {
  text-align: center;
}
form.delivery_option table tr td {
  text-align: center;
  color: #000000;
  padding: 10px 20px;
}
form.delivery_option table tr td:first-child {
  text-align: left;
}
form.delivery_option table tr td i {
  float: right;
}
form.delivery_option table tr td hr {
  float: none;
  margin: auto;
  width: 10%;
}
form.delivery_option table tr td p,
form.delivery_option table tr td em {
  float: left;
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
  margin: 10px 0;
}
form.delivery_option table tr td p {
  color: #000000;
}
form.delivery_option table tr td em {
  color: #a6a6a6;
}
.delivery_error {
  text-align: center;
  line-height: 1.2em;
}
.delivery_error p {
  font-size: 16px;
  font-size: 1.6rem;
}
.delivery_error .btn {
  /*background: @highlightgreen url(../images/smallbtn-bg.png) top left repeat-x;*/

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#76c045), to(#60b32f));
  background-image: -webkit-linear-gradient(top, #76c045, #60b32f);
  background-color: #60b32f;
  background-image: -moz-linear-gradient(top, #76c045, #60b32f);
  background-image: -ms-linear-gradient(top, #76c045, #60b32f);
  background-image: -o-linear-gradient(top, #76c045, #60b32f);
  background-image: linear-gradient(top, #76c045, #60b32f);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  padding: 12px 20px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-family: 'frutiger_light', Arial, sans-serif;
  color: #ffffff;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  border: 0;
}
.delivery_error .btn:hover {
  color: #ffffff;
  text-decoration: none;
  /*background: @highlightgreen url(../images/smallbtn-bg.png) center left repeat-x;*/

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60b32f), to(#018553));
  background-image: -webkit-linear-gradient(top, #60b32f, #018553);
  background-color: #018553;
  background-image: -moz-linear-gradient(top, #60b32f, #018553);
  background-image: -ms-linear-gradient(top, #60b32f, #018553);
  background-image: -o-linear-gradient(top, #60b32f, #018553);
  background-image: linear-gradient(top, #60b32f, #018553);
  background-repeat: repeat-x;
}
.delivery_error .btn:active {
  color: #ffffff;
  /*background: @maxisgreen url(../images/smallbtn-bg.png) bottom left repeat-x;*/

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#018553), to(#60b32f));
  background-image: -webkit-linear-gradient(top, #018553, #60b32f);
  background-color: #60b32f;
  background-image: -moz-linear-gradient(top, #018553, #60b32f);
  background-image: -ms-linear-gradient(top, #018553, #60b32f);
  background-image: -o-linear-gradient(top, #018553, #60b32f);
  background-image: linear-gradient(top, #018553, #60b32f);
  background-repeat: repeat-x;
}
.delivery_error .btn.blue {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004f9b), to(#00386e));
  background-image: -webkit-linear-gradient(top, #004f9b, #00386e);
  background-color: #00386e;
  background-image: -moz-linear-gradient(top, #004f9b, #00386e);
  background-image: -ms-linear-gradient(top, #004f9b, #00386e);
  background-image: -o-linear-gradient(top, #004f9b, #00386e);
  background-image: linear-gradient(top, #004f9b, #00386e);
  background-repeat: repeat-x;
  color: #ffffff;
}
.delivery_error .btn.blue:hover {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00386e), to(#004f9b));
  background-image: -webkit-linear-gradient(top, #00386e, #004f9b);
  background-color: #004f9b;
  background-image: -moz-linear-gradient(top, #00386e, #004f9b);
  background-image: -ms-linear-gradient(top, #00386e, #004f9b);
  background-image: -o-linear-gradient(top, #00386e, #004f9b);
  background-image: linear-gradient(top, #00386e, #004f9b);
  background-repeat: repeat-x;
}
.delivery_error .btn.blue:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#004f9b), to(#00386e));
  background-image: -webkit-linear-gradient(top, #004f9b, #00386e);
  background-color: #00386e;
  background-image: -moz-linear-gradient(top, #004f9b, #00386e);
  background-image: -ms-linear-gradient(top, #004f9b, #00386e);
  background-image: -o-linear-gradient(top, #004f9b, #00386e);
  background-image: linear-gradient(top, #004f9b, #00386e);
  background-repeat: repeat-x;
}
.delivery_thank p {
  line-height: 1.3em;
}
.delivery_thank .align-center {
  text-align: center;
}
.delivery_thank .align-center input:nth-child(2) {
  margin-left: 4%;
}
/* View Unbilled Amount */
.unbilled-amount .moa-principle,
.unbilled-amount .moa-supplimentary {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 47%;
  padding-right: 2%;
  overflow: hidden;
  border-right: 1px dashed #d9d9d9;
}
.unbilled-amount .moa-principle .flexslider,
.unbilled-amount .moa-supplimentary .flexslider {
  position: relative;
}
.unbilled-amount .moa-principle .flex-viewport,
.unbilled-amount .moa-supplimentary .flex-viewport {
  z-index: 1;
}
.unbilled-amount .moa-principle .phone_line,
.unbilled-amount .moa-supplimentary .phone_line {
  width: 100%;
}
.unbilled-amount .moa-principle .phone_line h4,
.unbilled-amount .moa-supplimentary .phone_line h4 {
  margin-bottom: 10px;
  color: #4d4d4d;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: 'frutiger_light', Arial, sans-serif;
}
.unbilled-amount .moa-principle .phone_line h3,
.unbilled-amount .moa-supplimentary .phone_line h3 {
  margin-bottom: 60px;
  color: #000000;
  font-size: 30px;
  font-size: 3rem;
  font-family: 'frutiger_light', Arial, sans-serif;
  text-align: center;
}
.unbilled-amount .moa-principle .phone_line h5,
.unbilled-amount .moa-supplimentary .phone_line h5 {
  margin-bottom: 0;
  color: #000000;
  font-size: 21px;
  font-size: 2.1rem;
  font-family: 'frutiger_light', Arial, sans-serif;
}
.unbilled-amount .moa-principle .phone_line h1,
.unbilled-amount .moa-supplimentary .phone_line h1 {
  font-size: 60px;
  font-size: 6rem;
  font-family: 'frutiger_roman', Arial, sans-serif;
}
.unbilled-amount .moa-principle .phone_line h1 sup,
.unbilled-amount .moa-supplimentary .phone_line h1 sup {
  top: -1.6em;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'frutiger_light', Arial, sans-serif;
  letter-spacing: 0.05em;
  color: #000000;
}
.unbilled-amount .moa-principle .phone_line h1.forestgreen,
.unbilled-amount .moa-supplimentary .phone_line h1.forestgreen {
  color: #018553;
}
.unbilled-amount .moa-principle .phone_line h1.grey,
.unbilled-amount .moa-supplimentary .phone_line h1.grey {
  color: #808080;
}
.unbilled-amount .moa-supplimentary {
  padding-right: 0;
  padding-left: 2%;
  border-right: 0;
}
.unbilled-amount .flex-control-paging {
  top: 80px;
}
.unbilled-amount .flex-direction-nav {
  top: 40px;
}
.multi-pri-only .moa-principle,
.one-pri-only .moa-principle {
  width: 100%;
  margin: 0;
  padding: 0;
  border-right: 0;
}
.multi-pri-only .moa-principle .moa-col,
.one-pri-only .moa-principle .moa-col {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 47%;
  padding-right: 2%;
  border-right: 1px dashed #d9d9d9;
  vertical-align: top;
}
.multi-pri-only .moa-principle .moa-right,
.one-pri-only .moa-principle .moa-right {
  padding-right: 0;
  border-right: 0;
  padding-left: 2%;
  text-align: right;
}
.multi-pri-only .moa-principle .flex-control-paging,
.one-pri-only .moa-principle .flex-control-paging,
.multi-pri-only .moa-principle .flex-direction-nav,
.one-pri-only .moa-principle .flex-direction-nav {
  width: 47%;
}
.error {
  color: #ff0000;
  font-size: 14px;
  font-size: 1.4rem;
}
/* Manage Bills */
.manage-bills {
  float: left;
  width: 100%;
  clear: both;
}
.manage-bills .manage-bill-actions {
  clear: both;
  float: left;
  width: 100%;
  padding: 15px 0;
}
.manage-bills .manage-bill-actions .download-bill {
  font-size: 16px;
  font-size: 1.6rem;
  color: #000000;
  padding-left: 23px;
  margin-right: 10px;
  background: url(../images/download-bill-icon2.png) top left no-repeat;
  line-height: 40px;
}
.manage-bills .manage-bill-actions .download-bill:hover {
  color: #4d4d4d;
}
.manage-bills .manage-bill-actions .grey {
  color: #ffffff;
  float: right;
  margin-right: 5px;
}
.manage-bills .manage-bill-actions .paynow {
  cursor: pointer;
  font-size: 1.4rem !important;
  float: right;
  margin: 0;
  border: 0;
  color: #ffffff;
  line-height: 1.1em;
}
.manage-bills .manage-bill-actions .blue {
  font-size: 1.4rem !important;
  color: #ffffff;
  float: right;
  margin-right: 5px;
}
.manage-bills .manage-bill {
  float: left;
}
.manage-bills .manage-bill ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.manage-bills .manage-bill .charges .green {
  color: #60b32f;
}
.manage-bills .manage-bill .charges .lightgreen {
  color: #67bb6f;
}
.manage-bills .manage-bill .charges .seagreen {
  color: #67bf99;
}
.manage-bills .manage-bill .charges .lightblue {
  color: #66cbd6;
}
.manage-bills .manage-bill .charges .babyblue {
  color: #5daedb;
}
.manage-bills .manage-bill .charges .dullblue {
  color: #5178b1;
}
.manage-bills .manage-bill .charges .dullerblue {
  color: #505d94;
}
.manage-bills .manage-bill .charges .blue {
  color: #004282;
}
.manage-bills .manage-bill .charges li {
  float: left;
  width: 100%;
  border: dashed #d9d9d9;
  padding: 20px 0;
  font-size: 21px;
  font-size: 2rem;
  text-align: right;
}
.manage-bills .manage-bill .charges li.details {
  padding: 0 0 20px 0;
  text-align: left;
}
.manage-bills .manage-bill .charges h1,
.manage-bills .manage-bill .charges h2,
.manage-bills .manage-bill .charges h3,
.manage-bills .manage-bill .charges h4,
.manage-bills .manage-bill .charges h5,
.manage-bills .manage-bill .charges h6 {
  margin: 0;
}
.manage-bills .manage-bill .charges sup {
  top: -0.6em;
}
.manage-bills .manage-bill .charges label {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'frutiger_light', Arial, sans-serif;
  font-weight: normal;
  float: left;
  width: 60%;
  text-align: left;
  line-height: 1em;
  color: #000000;
}
.manage-bills .manage-bill .charges .title label {
  font-size: 18px;
  font-size: 1.8rem;
  width: 100%;
}
.manage-bills .manage-bill .charges .monthly-charges label,
.manage-bills .manage-bill .charges .service-tax label {
  margin-bottom: 0.4em;
}
.manage-bills .manage-bill .charges p {
  text-align: left;
  clear: both;
  color: #808080;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3em;
  margin-bottom: 0.4em;
}
.manage-bills .manage-bill .number-missing {
  padding-top: 8rem;
}
.manage-bills .manage-bill .number-missing p {
  font-size:  2rem;
}
.manage-bills .manage-bill .charges p a {
  font-size: 16px;
  font-size: 1.6rem;
  background: url(../images/online_account/icon_open.png) top left no-repeat;
  padding-left: 20px;
}
.manage-bills .manage-bill .charges p a:hover {
  color: #808080;
}
.manage-bills .manage-bill .charges .monthly-charges p {
  color: #60b32f;
}
.manage-bills .manage-bill .charges a {
  color: #000000;
}
.manage-bills .manage-bill .charges a.btn {
  color: #ffffff;
}
.manage-bills .manage-bill .charges .details h4 {
  margin-bottom: 0.75em;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: 'frutiger_light', Arial, sans-serif;
  color: #4d4d4d;
}
.manage-bills .manage-bill .charges .details h2 {
  margin-bottom: 40px;
  font-size: 30px;
  font-size: 3rem;
  font-family: 'frutiger_light', Arial, sans-serif;
  color: #000000;
}
.manage-bills .manage-bill .charges .details h6 {
  text-transform: none;
  font-size: 21px;
  font-size: 2.1rem;
  letter-spacing: 0;
  clear:both;
  margin-bottom: -15px;
  padding-top: 10px;
}
.col2 .manage-bill .charges .details h6 {
  text-transform: none;
  font-size: 21px;
  font-size: 2.1rem;
  letter-spacing: 0;
  clear:both;
  padding-top: 0;

}
.col2 .manage-bill.month0 .charges .details h6 {
  text-transform: none;
  font-size: 21px;
  font-size: 2.1rem;
  letter-spacing: 0;
  clear:both;
  padding-top: 122px;

}
.col2 .manage-bill.month0 .charges .details h6.total-line-charges-sim {
  text-transform: none;
  font-size: 21px;
  font-size: 2.1rem;
  letter-spacing: 0;
  clear:both;
  padding-top: 52px;

}
.col2 .manage-bill.month1 .charges .details h6 {
  text-transform: none;
  font-size: 21px;
  font-size: 2.1rem;
  letter-spacing: 0;
  clear:both;
  padding-top: 100px;

}
.manage-bills .manage-bill .charges .details h1 {
  margin-bottom: 0.1em;
  font-size: 50px;
  font-size: 5rem;
  font-family: 'frutiger_roman', Arial, sans-serif;
}
.manage-bills .manage-bill .charges .details h1 sup {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0;
  top: -1.4em;
  color: #000000;
}
.manage-bills .manage-bill .charges .details .download-bill {
  float: left;
  clear: both;
  font-size: 16px;
  font-size: 1.6rem;
  color: #000000;
  padding-left: 23px;
  margin-right: 10px;
  background: url(../images/download-bill-icon2.png) center left no-repeat;
  line-height: 40px;
}
.manage-bills .manage-bill .charges .details .download-bill:hover {
  color: #4d4d4d;
}
.manage-bills .manage-bill .charges .multisim {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 5px;
}
.manage-bills .manage-bill .charges .multisim .select-custom {
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-bottom: 5px;
  overflow: hidden;
  width: 100%;
  clear: both;
  float: left;
}
.manage-bills .manage-bill .charges .multisim .select-custom select {
  border: 0;
  -moz-appearance: none !important;
  background: url(../images/timeline-arrow-form.png) no-repeat scroll 87% center padding-box #ffffff;
  border: medium none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-family: 'frutiger_light', Arial, sans-serif;
  margin-bottom: 0;
  outline: 0 none;
  overflow: hidden;
  padding-right: 0;
  width: 110%;
}
.manage-bills .manage-bill.month0 h1 {
  color: #018553;
}
.manage-bills.col1 .manage-bill {
  width: 100%;
}
.manage-bills.col1 .manage-bill.month0 .charges li {
  border-width: 0 1px 1px 0;
}
.manage-bills.col1 .manage-bill.month0 .charges li p {
  margin-bottom: 0;
}
.manage-bills.col1 .manage-bill .charges li.details {
  width: 100%;
  border-width: 0 0 1px 0;
}
.manage-bills.col1 .manage-bill .charges li.alt {
  border-width: 0 0 1px 0;
}
.manage-bills.col1 .manage-bill .charges li label {
  width: 60%;
}
.manage-bills.col2 {
  display: none;
}
.manage-bills.col2 .manage-bill.month0 .charges li {
  border-width: 0 1px 1px 0;
}
.manage-bills.col2 .manage-bill.month1 .charges li {
  border-width: 0 0 1px 0;
}
.manage-bills.col2 .manage-bill .manage-bill-actions .paynow {
  float: left;
}
.manage-bills.col2 .manage-bill .manage-bill-actions .download-bill {
  float: left;
  clear: both;
  font-size: 16px;
  font-size: 1.6rem;
  color: #000000;
  padding-left: 23px;
  margin-right: 10px;
  background: url(../images/download-bill-icon2.png) center left no-repeat;
  line-height: 40px;
}
.manage-bills.col2 .manage-bill .manage-bill-actions .download-bill:hover {
  color: #4d4d4d;
}
.manage-bills.col2 .manage-bill .select .paynow {
  float: left;
}
.manage-bills.col2 .manage-bill .select .select-custom {
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-bottom: 10px;
  overflow: hidden;
  float: left;
}
.manage-bills.col2 .manage-bill .select .select-custom select {
  border: 0;
  -moz-appearance: none !important;
  background: url(../images/timeline-arrow-form.png) no-repeat scroll 73% center padding-box #ffffff;
  border: medium none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-family: 'frutiger_light', Arial, sans-serif;
  margin-bottom: 0;
  outline: 0 none;
  overflow: hidden;
  padding-right: 0;
  width: 120%;
}
/* POPUP CONTENT */
.popup {
  background: #ffffff;
}
.popup .title,
.popup .content {
  float: left;
}
.popup .title {
  float: left;
  width: 85%;
  padding: 40px 7.5% 20px 7.5%;
  border-bottom: 1px solid #cccccc;
  text-align: right;
  font-size: 20px;
  font-size: 2rem;
}
.popup .title sup {
  font-size: 12px;
  font-size: 1.2rem;
}
.popup .title label {
  text-align: left;
  float: left;
  width: 60%;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bolder;
  line-height: 1.1em;
}
.popup.confirm-payment-amount .title,
.popup.terms-conditions .title {
  text-align: left;
}
.popup .content {
  width: 85%;
  padding: 30px 7.5%;
}
.popup .content ul {
  list-style: none;
}
.popup .content li {
  float: left;
  width: 100%;
}
.popup .content li h6 {
  text-transform: none;
  text-align: right;
  letter-spacing: 0;
  margin-bottom: 5px;
  float: left;
  width: 100%;
}
.popup .content li h6 label {
  color: #000000;
  text-align: left;
  float: left;
  width: 70%;
  letter-spacing: 0;
  font-weight: normal;
  line-height: ;
}
.popup .content li h6 label a {
  color: #a6a6a6;
}
.popup .content li h6 sup {
  font-size: 12px;
  font-size: 1.2rem;
  top: -0.1em;
}
.popup .content .form {
  clear: both;
}
.popup .content .select-custom {
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
  clear: both;
  float: left;
}
.popup .content .select-custom select {
  border: 0;
  -moz-appearance: none !important;
  background: url(../images/timeline-arrow-form.png) no-repeat scroll 90% center padding-box #ffffff;
  border: medium none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-family: 'frutiger_light', Arial, sans-serif;
  margin-bottom: 0;
  outline: 0 none;
  overflow: hidden;
  padding-right: 0;
  width: 105%;
}
.popup .content .align_center {
  text-align: center;
  line-height: 15px;
}
.popup .content .align_center a{
  color: #4d4d4d;
}
.popup .content .align_center a:hover{
  color: #60b32f;
}
.popup .content .terms {
  width: 100%;
  height: 300px;
  overflow: auto;
  margin-bottom: 20px;
}
.popup .content .terms h6 {
  text-align: left;
}
.popup .table {
  display: none;
  float: left;
  width: 85%;
}
.popup .table p label {
  float: left;
  width: 30%;
  border-right: 1px dashed #cccccc;
  margin-right: 5%;
}
.popup .table .table-filter {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.popup .table .table-filter .selector {
  display: none;
}
.popup .table .table-filter .filter.select-custom {
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
  float: left;
  line-height: 27px;
}
.popup .table .table-filter .filter.select-custom select {
  border: 0;
  -moz-appearance: none !important;
  background: url(../images/timeline-arrow-form.png) no-repeat scroll 90% center padding-box #ffffff;
  border: medium none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-family: 'frutiger_light', Arial, sans-serif;
  margin-bottom: 0;
  outline: 0 none;
  overflow: hidden;
  padding: 5px;
  width: 108%;
}
.popup .table .table-filter .selector {
  width: 100%;
  clear: both;
  float: left;
}
.popup .table .table-filter .selector label {
  font-size: 14px;
  font-size: 1.4rem;
  width: auto;
  border-right: 0;
  margin-right: 5px;
}
.popup .table .table-filter .selector label.to {
  margin-left: 5px;
}
.popup .table .table-filter .datetimepicker.btn {
  width: auto;
}
.popup .table .table-filter input.btn.small {
  width: auto !important;
  padding: 5px 15px;
  margin-left: 5px;
  vertical-align: top;
}
.popup .table .table-head {
  clear: both;
}
.popup .table .table-head table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.popup .table .table-head table td,
.popup .table .table-head table th {
  border: 1px solid #cccccc;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  padding: 10px;
}
.popup .table .table-head table thead th {
  background: #f2f2f2;
  font-weight: normal;
  font-family: 'frutiger_roman', Arial, sans-serif;
}
.popup .table .table-content {
  margin-bottom: 10px;
  height: 150px;
  border-bottom: 1px solid #cccccc;
}
.popup .table .table-content table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.popup .table .table-content table td,
.popup .table .table-content table th {
  border: 1px solid #cccccc;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  padding: 10px;
}
.popup .table .table-content table td {
  word-wrap: break-word;
  border-width: 0 1px;
  padding: 10px 3px 0 3px;
}
.popup .table .table-content table td .op {
  color: #ff0000;
}
.popup .table .table-content table td .p {
  color: #3eb95d;
}
.popup .table .table-content table td sup {
  font-size: 8px;
  font-size: 0.8rem;
  top: -0.3em;
}
.popup .table .table-pagination {
  margin-top: 5px;
  float: right;
  text-align: center;
}
.popup .table .table-pagination a {
  color: #60b32f;
  line-height: 27px;
  vertical-align: top;
}
.popup .table .table-pagination a:hover {
  color: #cccccc;
}
.popup .table .table-pagination .select-custom {
  background-clip: padding-box;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-bottom: 10px;
  overflow: hidden;
  width: 80px;
  line-height: 27px;
  margin: 0 10px;
}
.popup .table .table-pagination .select-custom select {
  border: 0;
  -moz-appearance: none !important;
  background: url(../images/timeline-arrow-form.png) no-repeat scroll 70% center padding-box #ffffff;
  border: medium none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-family: 'frutiger_light', Arial, sans-serif;
  margin-bottom: 0;
  outline: 0 none;
  overflow: hidden;
  padding: 0 5px;
  width: 125%;
}
.popup form {
  font-size: 14px;
  font-size: 1.4rem;
}
.popup form br {
  display: block;
}
.popup form p {
  line-height: 29px;
}
.popup form small {
  margin: 20px 0;
  float: left;
  width: 100%;
}
.popup form label {
  float: left;
  width: 50%;
  font-weight: normal;
  font-family: 'frutiger_roman', Arial, sans-serif;
  line-height: 29px;
}
.popup form input {
  float: left;
  width: 50%;
  padding: 5px;
}
.popup form input.btn {
  width: auto;
  padding: 12px 20px;
  float: none;
}
.popup form input.btn.small {
  padding: 7px 15px;
}
.popup form small {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2em;
}
.domestic-charges .title {
  color: #67bf99;
}
.domestic-charges .content h6,
.domestic-charges .content h6 label a:hover {
  color: #67bf99;
}
.international-charges .title {
  color: #66cbd6;
}
.international-charges .content h6,
.international-charges .content h6 label a:hover {
  color: #66cbd6;
}
.roaming-charges .title {
  color: #5daedb;
}
.roaming-charges .content h6,
.roaming-charges .content h6 label a:hover {
  color: #5daedb;
}
.data-charges .title {
  color: #5178b1;
}
.data-charges .content h6,
.data-charges .content h6 label a:hover {
  color: #5178B1;
}
.discount-rebates .title {
  color: #505d94;
}
.discount-rebates .content h6,
.discount-rebates .content h6 label a:hover {
  color: #505d94;
}
.value-added-services .title {
  color: #67BB6F;
}
.value-added-services .content h6,
.value-added-services .content h6 label a:hover {
  color: #67BB6F;
}
@media only screen and (min-width: 244px) {
  .manage-bills .manage-bill .charges .details h1 {
    font-size: 40px;
    font-size: 4rem;
  }
  .manage-bills .manage-bill .charges .details h1 sup {
    font-size: 16px;
    font-size: 1.6rem;
    top: -1em;
  }
  .manage-bills .manage-bill .charges .details a.btn {
    padding: 18px 0 !important;
    width: 100% !important;
  }
  .manage-bills .manage-bill .charges .details a.btn.paynow {
    margin-bottom: 10px;
  }
  .manage-bills .manage-bill-actions a.btn {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 18px 0 !important;
    width: 100% !important;
  }
  .manage-bills .manage-bill-actions a.btn.paynow {
    margin-bottom: 10px;
  }
  .manage-bills.col1 .manage-bill .charges li {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border-right: 0;
  }
  .manage-bills.col1 .manage-bill .charges li.alt {
    padding-right: 0;
    padding-left: 0;
  }
  .manage-bills.col1 .manage-bill .charges label {
    width: 50%;
  }
  .manage-bills.col1 .manage-bill .charges .select-custom {
    width: 100%;
  }
  .manage-bills.col1 .manage-bill.month0 .charges li {
    min-height: inherit;
  }
  .manage-bills.col2 {
    width: 200%;
  }
  .manage-bills.col2 .manage-bill {
    width: 50% !important;
    float: left;
  }
  .manage-bills.col2 .manage-bill.month0,
  .manage-bills.col2 .manage-bill.month1,
  .manage-bills.col2 .manage-bill.month2 {
    width: 100%;
    margin-bottom: 20px;
  }
  .manage-bills.col2 .manage-bill.month0 .charges li,
  .manage-bills.col2 .manage-bill.month1 .charges li,
  .manage-bills.col2 .manage-bill.month2 .charges li {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border-width: 0 0 1px 0;
  }
  .manage-bills.col2 .manage-bill.month0 .charges li.details,
  .manage-bills.col2 .manage-bill.month1 .charges li.details,
  .manage-bills.col2 .manage-bill.month2 .charges li.details {
    min-height: 290px;
  }
  .manage-bills.col2 .manage-bill .select .select-custom {
    width: 100%;
  }
  .manage-bills.col2 .manage-bill .select .select-custom select {
    background-position: 80% center;
  }
  .manage-bills.col2 .manage-bill .manage-bill-actions .compare {
    margin: 0;
  }
  .manage-bills.col1 .manage-bill a.btn,
  .manage-bills.col2 .manage-bill a.btn {
    margin-top: 20px;
  }
  .manage-bills.col1 .manage-bill .charges a.btn,
  .manage-bills.col2 .manage-bill .charges a.btn {
    width: 90%;
    padding: 12px 5%;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .manage-bills.col1 .manage-bill .charges .details a.btn,
  .manage-bills.col2 .manage-bill .charges .details a.btn {
    margin-top: 0;
  }
  .manage-bills.col1 .manage-bill .charges .detailed-charges,
  .manage-bills.col2 .manage-bill .charges .detailed-charges {
    display: none;
  }
  .manage-bills-container {
    float: left;
    width: 100%;
    overflow: hidden;
  }
  .manage-bills-container .col2 .month1 {
    position: relative;
  }
  .manage-bills-container .col2 .month1 .close-mobile {
    position: absolute;
    color: #cccccc;
    top: 0;
    right: 0;
  }
  .manage-bills-container .col2 .month1 .close-mobile i {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1em;
  }
  .manage-bills-container .col2 .month1 .close-mobile:hover {
    color: #808080;
  }
}
@media only screen and (min-width: 278px) {
  
}
@media only screen and (min-width: 401px) {
  
}
@media only screen and (min-width: 480px) {
  .manage-bills.col1 .manage-bill .charges a.btn,
  .manage-bills.col2 .manage-bill .charges a.btn {
    width: auto;
    padding: 12px 20px;
  }
}
@media only screen and (min-width: 493px) {
  .manage-bills .manage-bill .charges .details a.btn {
    padding: 12px 20px !important;
    width: auto !important;
  }
  .manage-bills .manage-bill .charges .details a.btn.paynow {
    margin-bottom: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .manage-bills .manage-bill-actions a.btn {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 12px 20px !important;
    width: auto !important;
  }
  .manage-bills .manage-bill-actions a.btn.paynow {
    margin-bottom: 0;
  }
  .manage-bills.col1 .manage-bill {
    width: 100%;
  }
  .manage-bills.col1 .manage-bill.month0 .charges li,
  .manage-bills.col1 .manage-bill.month1 .charges li,
  .manage-bills.col1 .manage-bill.month2 .charges li {
    padding-left: 0;
    padding-right: 0;
    border-width: 0 0 1px 0;
    min-height: inherit;
  }
  .manage-bills.col1 .manage-bill.month0 .charges li p,
  .manage-bills.col1 .manage-bill.month1 .charges li p,
  .manage-bills.col1 .manage-bill.month2 .charges li p {
    margin-bottom: 0;
  }
  .manage-bills.col1 .manage-bill .charges li {
    width: 100%;
    padding-right: 2%;
  }
  .manage-bills.col1 .manage-bill .charges li.details {
    width: 100%;
    border-width: 0 0 1px 0;
  }
  .manage-bills.col1 .manage-bill .charges li.details .multisim {
    width: 100%;
  }
  .manage-bills.col1 .manage-bill .charges li.details .multisim .select-custom {
    width: 50%;
  }
  .manage-bills.col1 .manage-bill .charges li.alt {
    padding-left: 0;
    padding-right: 0;
    border-width: 0 0 1px 0;
  }
  .manage-bills.col1 .manage-bill .charges li label {
    width: 60%;
  }
  .manage-bills.col1 .manage-bill .charges .select-custom {
    width: 50%;
  }
  .manage-bills.col2 .manage-bill.month0,
  .manage-bills.col2 .manage-bill.month1,
  .manage-bills.col2 .manage-bill.month2 {
    margin-bottom: 0;
  }
  .manage-bills.col2 .manage-bill.month0,
  .manage-bills.col2 .manage-bill.month1 {
    width: 50%;
    *width: 49%;
  }
  .manage-bills.col2 .manage-bill.month0 .charges li {
    border-width: 0 1px 1px 0;
    width: 93%;
    padding-right: 7%;
  }
  .manage-bills.col2 .manage-bill.month1 {
    position: relative;
  }
  .manage-bills.col2 .manage-bill.month1 .charges li {
    border-width: 0 0 1px 0;
    width: 93%;
    padding-left: 7%;
  }
  .manage-bills.col2 .manage-bill .charges a.btn {
    width: 100%;
    padding: 12px 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .manage-bills.col2 .manage-bill .details {
    min-height: 280px;
  }
  .manage-bills.col2 .manage-bill .details .select-custom {
    width: 95%;
    margin-top: 5px;
  }
  .manage-bills.col2 .manage-bill .details .select-custom select {
    background-position: 78% center;
  }
  .manage-bills.col2 .manage-bill .details .compare {
    display: none;
  }
  .manage-bills.col2 .manage-bill .details .multisim {
    width: 100%;
    clear: both;
    float: left;
  }
  .manage-bills.col2 .manage-bill .details .multisim .select-custom {
    width: 100%;
  }
  .manage-bills.col2 .manage-bill .details .multisim .select-custom select {
    background-position: 85% center;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .manage-bills.col2 .manage-bill .manage-bill-actions .compare {
    margin-right: 5px;
  }
  .manage-bills.col2 .manage-bill .manage-bill-actions .paynow {
    float: right;
    margin-top: 0;
  }
}
@media only screen and (min-width: 509px) {
  .manage-bills.col1 .manage-bill .charges .manage-bill-actions a.btn,
  .manage-bills.col2 .manage-bill .charges .manage-bill-actions a.btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
  }
  .manage-bills.col1 .manage-bill .charges .manage-bill-actions .paynow,
  .manage-bills.col2 .manage-bill .charges .manage-bill-actions .paynow {
    margin-top: 0;
  }
  .manage-bills.col2 {
    width: 100%;
  }
  .manage-bills.col2 .manage-bill {
    width: 50%;
  }
  .manage-bills.col2 .manage-bill .close-mobile {
    display: none;
  }
  .manage-bills.col2 .manage-bill .manage-bill-actions {
    min-height: 100px;
  }
  .manage-bills.col2 .manage-bill .manage-bill-actions .paynow {
    float: left;
    margin-top: 0;
  }
  .manage-bills.col2 .manage-bill .manage-bill-actions .compare {
    display: none;
  }
  .manage-bills.col2 .manage-bill .select select {
    padding-top: 10px;
    padding-bottom: 8px;
  }
}
@media only screen and (min-width: 600px) {
  .manage-bills.col1 .manage-bill {
    width: 100%;
  }
  .manage-bills.col1 .manage-bill.month0,
  .manage-bills.col1 .manage-bill.month1,
  .manage-bills.col1 .manage-bill.month2 {
    margin-bottom: 0;
  }
  .manage-bills.col1 .manage-bill.month0 .charges li {
    min-height: 45px;
  }
  .manage-bills.col1 .manage-bill.month0 .charges li p {
    margin-bottom: 0;
  }
  .manage-bills.col1 .manage-bill.month0 .charges li {
    float: left;
    width: 47.5%;
    padding-right: 2%;
  }
  .manage-bills.col1 .manage-bill.month0 .charges li.details {
    width: 100%;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .manage-bills.col1 .manage-bill.month0 .charges li.alt {
    padding-left: 2%;
    padding-right: 0;
    border-width: 0 0 1px 1px;
  }
  .manage-bills.col1 .manage-bill.month0 .charges li label {
    width: 60%;
  }
  .manage-bills.col2 .manage-bill {
    width: 50%;
    *width: 49%;
  }
  .manage-bills.col2 .manage-bill.month0 .charges li {
    width: 93%;
    padding-right: 7%;
  }
  .manage-bills.col2 .manage-bill.month1 .charges li {
    width: 93%;
    padding-left: 7%;
  }
  .manage-bills.col2 .manage-bill .details {
    min-height: 220px;
  }
  .manage-bills.col2 .manage-bill .details .select {
    float: left;
    width: 100%;
	padding-top: 24px;
  }
  .manage-bills.col2 .manage-bill .details .select .paynow {
    margin-right: 5px;
  }
  .manage-bills.col2 .manage-bill .details .select .select-custom {
    width: 40%;
    margin-bottom: 0;
  }
  .manage-bills.col2 .manage-bill .details .select .select-custom select {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .manage-bills.col2 .manage-bill .manage-bill-actions .paynow {
    float: left;
    clear: both;
    margin-top: 0;
  }
  .manage-bills.col1 .manage-bill .charges .detailed-charges,
  .manage-bills.col2 .manage-bill .charges .detailed-charges {
    display: block;
  }
  .manage-bills.col1 .manage-bill .charges .manage-bill-actions a.btn,
  .manage-bills.col2 .manage-bill .charges .manage-bill-actions a.btn,
  .manage-bills.col1 .manage-bill .charges a.btn,
  .manage-bills.col2 .manage-bill .charges a.btn {
    width: auto;
    padding: 12px 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .popup {
    width: 400px;
  }
  .popup .table {
    padding: 20px 7.5%;
  }
  .popup .table .table-filter {
    display: block;
  }
  .popup .table .table-filter .datetimepicker,
  .popup .table .table-filter .duration input,
  .popup .table .table-filter .total input {
    width: 127px;
  }
  .popup .table .table-filter .selector .btn.small.group {
    margin-left: 5px;
    clear: none;
  }
  .popup .table .table-filter .from input {
    width: 278px;
  }
  .popup .table .table-filter .to input {
    width: 295px;
  }
  .popup .table .table-filter .number input {
    width: 215px;
  }
  .popup .table .table-filter .filter.select-custom {
    width: 53.5%;
  }
  .popup .table .table-filter .filter.select-custom select {
    width: 115%;
    background-position: 82% center;
  }
  .popup .table .table-content {
    height: 150px;
  }
  .popup .table .table-content .grouped td {
    border-bottom-width: 1px;
  }
}
@media only screen and (min-width: 617px) {
  .popup .table .table-filter .datetimepicker,
  .popup .table .table-filter .duration input,
  .popup .table .table-filter .total input {
    width: 134px;
  }
  .popup .table .table-filter .from input {
    width: 292px;
  }
  .popup .table .table-filter .to input {
    width: 309px;
  }
  .popup .table .table-filter .number input {
    width: 229px;
  }
}
@media only screen and (min-width: 636px) {
  .popup .table .table-filter .datetimepicker,
  .popup .table .table-filter .duration input,
  .popup .table .table-filter .total input {
    width: 142px;
  }
  .popup .table .table-filter .from input {
    width: 309px;
  }
  .popup .table .table-filter .to input {
    width: 326px;
  }
  .popup .table .table-filter .number input {
    width: 245px;
  }
}
@media only screen and (min-width: 661px) {
  .manage-bills .manage-bill .charges .select select {
    padding-top: 10px;
    padding-bottom: 9px;
  }
  .manage-bills .manage-bill .charges .details {
    min-height: 235px;
  }
  .manage-bills .manage-bill .charges .details h1 {
    font-size: 50px;
    font-size: 5rem;
  }
  .manage-bills .manage-bill .charges .details h1 sup {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .popup .table .table-filter .datetimepicker,
  .popup .table .table-filter .duration input,
  .popup .table .table-filter .total input {
    width: 152px;
  }
  .popup .table .table-filter .from input {
    width: 328px;
  }
  .popup .table .table-filter .to input {
    width: 345px;
  }
  .popup .table .table-filter .number input {
    width: 264px;
  }
}
@media only screen and (max-width: 980px) {
  div.bill_detail ul li .phone_book_list .phone_book ul li input {
    width: 101%;
  }
}
@media only screen and (max-width: 800px) {
  div.bill_detail ul.grey li {
    font-size: 20px;
    font-size: 2rem;
  }
  div.bill_detail ul li .phone_book_list .phone_book ul li input {
    width: 100.75%;
  }
  div.bill_detail ul li.lightblue a {
    right: -5%;
  }
  div.bill_detail ul li.entry {
    padding: 65px 0;
  }
  div.bill_detail.image ul li {
    width: 100%;
  }
  div.bill_detail.image ul li:last-child {
    border: 0;
  }
  .view-pay-bills table .current-details td .details {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 600px) {
  /* View/Pay My Bill */
  .view-pay-bills table th,
  .view-pay-bills table td {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .view-pay-bills table th .total-amount,
  .view-pay-bills table td .total-amount {
    font-size: 30px;
    font-size: 3rem;
  }
  .view-pay-bills table th .total-amount sup,
  .view-pay-bills table td .total-amount sup {
    font-size: 12px;
    font-size: 1.2rem;
    top: -1.2em;
  }
  .view-pay-bills table .current-details td .details h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .view-pay-bills table .current-details td .details p,
  .view-pay-bills table .current-details td .details p label {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .view-pay-bills .amount-due {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .view-pay-bills .amount-due .amount sup {
    font-size: 12px;
    font-size: 1.2rem;
    top: -0.4em;
  }
  .view-pay-bills .pay-bills .payment-method h6 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .unbilled-amount .moa-principle,
  .unbilled-amount .moa-supplimentary {
    width: 100%;
    padding: 0;
    border-right: 0;
  }
  .unbilled-amount .moa-principle h1,
  .unbilled-amount .moa-supplimentary h1,
  .unbilled-amount .moa-principle h2,
  .unbilled-amount .moa-supplimentary h2,
  .unbilled-amount .moa-principle h5,
  .unbilled-amount .moa-supplimentary h5,
  .unbilled-amount .moa-principle h4,
  .unbilled-amount .moa-supplimentary h4,
  .unbilled-amount .moa-principle p,
  .unbilled-amount .moa-supplimentary p {
    text-align: center;
  }
  .unbilled-amount .moa-principle {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .multi-pri-only .moa-principle,
  .one-pri-only .moa-principle {
    border-bottom: 0;
  }
  .multi-pri-only .moa-principle .moa-col,
  .one-pri-only .moa-principle .moa-col {
    width: 100%;
    padding: 0;
    border: 0;
    margin: 0;
  }
  .multi-pri-only .moa-principle .moa-col h4,
  .one-pri-only .moa-principle .moa-col h4 {
    text-align: center;
  }
  .multi-pri-only .moa-principle .moa-right,
  .one-pri-only .moa-principle .moa-right {
    border-top: 1px dashed #d9d9d9;
    margin-top: 20px;
    padding-top: 20px;
  }
  .multi-pri-only .moa-principle .flex-control-paging,
  .one-pri-only .moa-principle .flex-control-paging,
  .multi-pri-only .moa-principle .flex-direction-nav,
  .one-pri-only .moa-principle .flex-direction-nav {
    width: 100%;
  }
  .one-pri-only .moa-principle h3 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 568px) {
  
}
@media only screen and (max-width: 480px) {
  div.bill_detail ul li {
    width: 100%;
    border-right: 0;
    border-top: 1px dashed #d9d9d9;
  }
  div.bill_detail ul li:first-child {
    border-top: 0;
  }
  div.bill_detail ul.grey li {
    font-size: 14px;
    font-size: 1.4rem;
  }
  div.bill_detail ul.grey li h5 {
    padding: 2% 5% 8%;
    font-size: 14px;
    font-size: 1.4rem;
  }
  div.bill_detail ul.grey li div {
    font-size: 14px;
    font-size: 1.4rem;
  }
  div.bill_detail ul.grey li div span {
    width: 100%;
    text-align: right;
  }
  div.bill_detail ul.grey li div span.left {
    width: 100%;
    text-align: left;
  }
  div.bill_detail ul li {
    font-size: 14px;
    font-size: 1.4rem;
  }
  div.bill_detail ul li.lightblue {
    font-size: 14px;
    font-size: 1.4rem;
  }
  div.bill_detail ul li.lightblue a {
    right: -3%;
    top: 23%;
    font-size: 14px;
    font-size: 1.4rem;
  }
  div.bill_detail ul li .phone_book_list .phone_book ul li input {
    width: 100.75%;
  }
  div.bill_detail ul li .entry {
    width: 100%;
    margin: 0;
  }
  div.bill_detail ul li .add_entry {
    margin: 22px 0 0 10px;
  }
  form.delivery_option p {
    margin: 0;
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 10px;
  }
  form.delivery_option p .checkbox,
  form.delivery_option p span {
    float: left;
  }
  form.delivery_option p .checkbox {
    width: 7%;
  }
  form.delivery_option p span {
    width: 93%;
  }
  form.delivery_option p label {
    margin: 0;
    width: 100%;
  }
  form.delivery_option .marginauto.width80 {
    float: none;
    width: 100%;
    margin-top: 30px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  form.delivery_option div input {
    width: 100%;
  }
  form.delivery_option div input.small {
    width: 30%;
  }
  form.delivery_option div input.medium {
    width: 69%;
  }
  form.delivery_option div .error {
    margin-left: 0;
    width: 100%;
  }
  div.delivery_notice {
    float: left;
    width: 100%;
  }
  div.delivery_notice ol {
    width: 90%;
  }
  div.delivery_notice ol li {
    line-height: 1.3em;
  }
  .delivery_confirm table.mobile_vas {
    display: table;
  }
  .delivery_confirm table.screen_vas {
    display: none;
  }
}
@media only screen and (max-width: 360px) {
  div.bill_detail ul.grey li {
    width: 100%;
  }
  div.bill_detail ul.grey li h5 {
    padding: 5% 10% 10%;
  }
  div.bill_detail ul.grey li div span {
    width: 40%;
  }
  div.bill_detail ul.grey li div span.left {
    width: 60%;
  }
  div.bill_detail ul li.lightblue {
    height: 40px;
  }
  div.bill_detail ul li.lightblue a {
    right: 20%;
    top: 50%;
  }
  div.bill_detail ul li .phone_book_list .phone_book ul li input {
    width: 101%;
  }
  div.bill_detail ul li.entry {
    padding: 50px 0;
  }
  /* View/Pay My Bill */
  .view-pay-bills table th,
  .view-pay-bills table td {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .view-pay-bills table th .total-amount,
  .view-pay-bills table td .total-amount {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .view-pay-bills table th .total-amount sup,
  .view-pay-bills table td .total-amount sup {
    font-size: 10px;
    font-size: 1rem;
    top: -1.2em;
  }
  .view-pay-bills table .current-details td .details h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .view-pay-bills table .current-details td .details p,
  .view-pay-bills table .current-details td .details p label {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .view-pay-bills table .current-details td .amount-detail h4 {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .view-pay-bills table .current-details td .amount-detail p {
    text-align: center;
  }
  .view-pay-bills table .current-details td .amount-detail p label {
    width: 100%;
  }
  .view-pay-bills table .current-details td .amount-detail .flex-control-paging {
    top: 40px;
  }
  .view-pay-bills table .current-details td .amount-detail .flex-direction-nav {
    top: 20px;
  }
  .view-pay-bills .amount-due {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .view-pay-bills .amount-due .amount sup {
    font-size: 10px;
    font-size: 1rem;
    top: -0.4em;
  }
  .view-pay-bills .pay-bills .payment-method h6 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .view-pay-bills .pay-bills .payment-method .methods,
  .view-pay-bills .pay-bills .payment-method .button {
    width: 100%;
  }
}
@media only screen and (max-width: 320px) {
  div.bill_detail ul li .phone_book_list .phone_book ul li input {
    width: 101.5%;
  }
}
@media print {
  
}
@media only screen and (min-width: 480px) {
  
}
@media only screen and (min-width: 600px) {
  
}
@media only screen and (min-width: 768px) {
  
}
@media only screen and (min-width: 960px) {
  
}
@media only screen and (min-width: 992px) {
  
}
@media only screen and (min-width: 1382px) {
  
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 2x =================================================== */
}
/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 8020;
  border: 1px solid #ffffff;
}
.fancybox-skin {
  position: relative;
  background: #ffffff;
  color: #4d4d4d;
  text-shadow: none;
  /*-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;*/

}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  height: auto !important;
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #4d4d4d;
  font-family: 'frutiger_light', Arial, sans-serif;
  line-height: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('../images/fancybox_sprite.png');
}
.fancybox-close {
  background: url(../images/fancybox-close.png) bottom left no-repeat;
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../images/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-close:hover {
  background-position: top left;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('../images/blank.gif');
  /* helps IE */

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: hidden;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('../images/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font-weight: normal;
  font-family: 'frutiger_light', Arial, sans-serif;
  line-height: 1.3em;
  font-size: 20px;
  font-size: 2rem;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */

  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #1a1a1a;
  color: #ffffff;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #ffffff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  padding: 10px;
  background: #000000;
  background: rgba(0, 0, 0, 0.8);
}
/*! jQuery UI - v1.9.1 - 2012-11-04
* http://jqueryui.com
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  zoom: 1;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
  padding-left: .7em;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
  zoom: 1;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  /* #8656 */

  cursor: default;
}
/* workarounds */
* html .ui-autocomplete {
  /* without this, the menu expands to 100% in IE6 */

  width: 1px;
}
.ui-button {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
  padding: 0;
  margin-right: .1em;
  cursor: pointer;
  text-align: center;
  overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button {
  text-decoration: none;
}
.ui-button:link {
  text-decoration: none;
}
.ui-button:visited {
  text-decoration: none;
}
.ui-button:hover {
  text-decoration: none;
}
.ui-button:active {
  text-decoration: none;
}
.ui-button-icon-only {
  width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/*button sets*/
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* reset extra padding in Firefox */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px;
  /*must have*/

}
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%;
}
.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  zoom: 1;
  font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
  cursor: default;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
  /* more specificity required here to overide default borders */

  /* vertical centre icon */

}
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-input {
  border: none;
  background: none;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */

  background-position: -65px -16px;
}
.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
  cursor: pointer;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active {
  /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
  background-image: none;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #cccccc;
  background: #ffffff;
  color: #004282;
}
.ui-widget-content a {
  color: #004282;
}
.ui-widget-header {
  border: 1px solid #60b32f;
  background: #60b32f;
  color: #ffffff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default {
  border: 1px solid #e6e6e6;
  background: #b3b3b3;
  font-weight: bold;
  color: #60b32f;
}
.ui-state-default a {
  color: #60b32f;
  text-decoration: none;
}
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #60b32f;
  text-decoration: none;
}
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #e6e6e6;
  background: #ffffff;
  font-weight: bold;
  color: #60b32f;
}
.ui-state-hover,
.ui-state-focus {
  border: 1px solid #808080;
  background: #76c045;
  font-weight: bold;
  color: #ffffff;
}
.ui-state-hover a,
.ui-state-focus a {
  color: #ffffff;
  text-decoration: none;
}
.ui-state-hover a:hover,
.ui-state-focus a:hover,
.ui-state-hover a:link,
.ui-state-focus a:link,
.ui-state-hover a:visited,
.ui-state-focus a:visited {
  color: #ffffff;
  text-decoration: none;
}
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #ffffff;
  background: #004282;
  font-weight: bold;
  color: #ffffff;
}
.ui-state-active {
  border: 1px solid #fbd850;
  background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}
.ui-state-active a {
  color: #eb8f00;
  text-decoration: none;
}
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight {
  border: 1px solid #333333;
  background: #004282;
  color: #808080;
}
.ui-state-highlight a {
  color: #808080;
}
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #333333;
  background: #60b32f;
  color: #ffffff;
}
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #ffffff;
}
.ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
  color: #ffffff;
}
.ui-state-error a {
  color: #ffffff;
}
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
  color: #ffffff;
}
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}
.ui-state-error-text {
  color: #ffffff;
}
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}
.ui-priority-primary {
  font-weight: bold;
}
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
  /* For IE8 - See #6059 */

}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
}
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-default .ui-icon,
.ui-state-active .ui-icon {
  background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_ffffff_256x240.png);
}
/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
  background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  opacity: .5;
  filter: alpha(opacity=50);
}
.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
  opacity: .2;
  filter: alpha(opacity=20);
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  height: 25px;
  margin-bottom: -25px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 65px;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-rtl {
  direction: rtl;
}
.ui-timepicker-rtl dl {
  text-align: right;
}
.ui-timepicker-rtl dl dd {
  margin: 0 65px 10px 10px;
}
/* added my myebills */
.total-amount-due{
  font-size: 50px;
  font-size: 5rem;
  font-family: 'frutiger_roman', Arial, sans-serif;
  color: #018553;
}
.manage-bills .manage-bill .charges .details h4 .total-amount-due sup{
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0;
  top: -1.0em;
  color: #000000;
}

.total-line-charges{
  font-size: 50px;
  font-size: 3.5rem;
  font-family: 'frutiger_roman', Arial, sans-serif;
  color: #018553;
}
.col2 .month1 .charges .details .total-line-charges{
  font-size: 50px;
  font-size: 3.5rem;
  font-family: 'frutiger_roman', Arial, sans-serif;
  color: #4d4d4d;
}
.manage-bills .manage-bill .charges .details h6 .total-line-charges sup{
  font-size: 12px;
  font-size: 1rem;
  letter-spacing: 0;
  top: -1.8em;
  color: #000000;
}
.manage-bills{
  display: none;
}
.loader { 
  width:100px;
  height: 100px;
  position: fixed;
  top: 50%;
  left: 50%;
}

span#emailError2 {
  padding-left: 41%;
  color: red;
}

span#messageId {
  font-size: 17px;
  padding-bottom: 10px;
  color: red;
}



div.marginauto.width67 {
padding-left: 18.4%;
width: 67%;
}
span#emailError3 {
 
  color: red;
}

